javascript - 添加自定义变量作为 highcharts 散点图中的工具提示

Question

我正在努力将自定义变量添加到我的 highcharts 散点图中的工具提示中。

var options = {
  chart: {
    renderTo: 'container',
    type: 'scatter',
    plotBorderWidth: 1,
    zoomType: 'xy'
  },
  legend: {
    enabled: false
  },

  tooltip: {
                headerFormat: '<b>{series.name}</b><br>',
                pointFormat: 'First: {point.x}, Second: {point.y}'
            }, 


  xAxis: {
        gridLineWidth: 0,
        type: 'datetime',
        dateTimeLabelFormats: {
           day: '%m/%d'    //ex- 01 Jan 2016
        }
    },
yAxis: {
        gridLineWidth: 0,
        plotLines: [
                        {
                value:2019,
                color: 'grey',
                /* dashStyle: 'shortdash', */
                width: 0.5},
                {
                value:2018,
                color: 'grey',
                /* dashStyle: 'shortdash', */
                width: 0.5},

                ]
    },

  plotOptions: {
    scatter: {
      dataLabels: {
        enabled: false
      },
    },
   },

  series: [{}],
}

var data = {
  "other": [
    {
      "y": 2018,
      "x": "03/22/19",
      "contact_notes": "aa"
    },
    {
      "y": 2019,
      "x": "06/22/19",
      "contact_notes": "bb"
    },
    {
      "y": 2019,
      "x": "09/06/19",
      "contact_notes": "cc"
    }
  ],
}


var data2 = data['other']

data2.forEach(function(point) {
  point["x"] = new Date(point["x"]).getTime();
});

options.series[0].data = data2;
options.series[0].name = 'other'
options.series[0].color =  '#b20000' 

var chart = new Highcharts.Chart(options);

如果您查看我的数据对象，它有一个名为“contact_notes”的键，除了当我将鼠标悬停在图表上的三个数据点上时，x 和 y 点

任何帮助将不胜感激。谢谢

Answer 1

自定义属性最终出现在该点的选项中，即这可以工作:

pointFormat: 'First: {point.x}, Second: {point.y}, Third: {point.options.contact_notes}'