pointFormatter (tooltip properties)

툴팁에서 포인트 한 개의 표시 내용을 함수로 만듭니다.
함수 안의 this는 포인트이며 this.y, this.category, this.series.name 등을 사용할 수 있습니다. 머리글(headerFormat)은 그대로 유지되고 포인트 부분만 바뀝니다. 툴팁 전체를 바꾸려면 formatter를 사용합니다.

Info

name type required(default) description
pointFormatter function 선택(undefined) 툴팁에서 포인트 한 개의 표시 내용을 함수로 만듭니다.

Example

myChart.setOptions({
  chart: {
    type: "line"
  },
  tooltip: {
    pointFormatter: function () {
      var color = this.y >= 50 ? "green" : "red";
      return this.series.name + ": <b style=\"color:" + color + "\">" + myChart.numberFormat(this.y, 0) + "</b><br/>";
    }
  },
  series: [{
    name: "서울",
    data: [60, 40, 20, 80]
  }, {
    name: "인천",
    data: [30, 50, 90, 70]
  }]
}, {
  append: true,
  redraw: true
});

예제에서 사용한 numberFormat 메서드는 7.3.1.32부터 제공됩니다.

제공 버전

version desc
7.3.0.0