useHTML (legend properties)

범례 항목을 HTML로 표시합니다.
labelFormat이나 labelFormatter에서 HTML 태그(이미지, 스타일 등)를 사용할 때 설정합니다.

Info

Example

myChart.setOptions({
  chart: {
    type: "line"
  },
  legend: {
    useHTML: true,
    // 배경색·둥근 테두리는 HTML로 그릴 때만 적용됨 (useHTML이 false면 글자만 표시)
    labelFormat: "<span style=\"background:{color}; color:#fff; padding:2px 8px; border-radius:10px\">{name}</span>"
  },
  series: [{
    name: "서울",
    data: [60, 40, 20, 80]
  }, {
    name: "인천",
    data: [30, 50, 90, 70]
  }]
}, {
  append: true,
  redraw: true
});

제공 버전