有没有办法将自定义工具提示添加到 highcharts 上钻取的第二级列？

Question

我想向钻取的第二级中的列添加其他信息。例如，对于“类别 1”中的“材料 1”，我想显示 4 个项目（文本）的列表，然后在“类别 1”中的“材料 2”中，我想显示 6 个项目（文本）的列表。我刚刚找到了向工具提示添加通用信息的方法，但没有为每一列添加特定信息。http://jsfiddle.net/7qv6x3pj/$(function () {    $('#container').highcharts({                chart: {                    type: 'column'                },                title: {                    text: "Title 1"                },                xAxis: {                    type: 'category'                },                yAxis: {                    title: {                        text: 'Stuff'                    }                },                colors: [                    '#1b6601',                    '#2dae01',                    '#BBDDA5',                    '#FF0',                    '#f20808'                ],                series: [{                    name: "Title",                    colorByPoint: true,                    data: [                        {                            name: "Category 1",                            y: 3,                            drilldown: "cat1"                        },                        {                            name: "Category 2",                            y: 4,                            drilldown: "cat2"                        },                        {                            name: "Category 3",                            y: 7,                            drilldown: "cat3"                        }                    ]                }],

Answer 1

您可以使用tooltip.formatter保存在点对象中的附加属性来实现它。检查下面发布的演示和代码。

代码：

tooltip: {

  formatter: function() {

    if (this.point.tooltipInfo) {

      return 'Something: <br>- ' + this.point.tooltipInfo.join('<br>- ');

    }

    return this.y;

  }

},

drilldown: {

  series: [{

    name: "Category 1",

    id: "cat1",

    data: [{

        name: "stuff 1",

        y: 4,

        tooltipInfo: ['aaa', 'bbb', 'ccc', 'ddd']

      },

      {

        name: "stuff 2",

        y: 6,

        tooltipInfo: ['aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff']

      },

      [

        "stuff 3",

        5

      ],

      [

        "stuff 4",

        6

      ]

    ]

  }]

}

演示：

http://jsfiddle.net/BlackLabel/vjoprc7t/

API参考：

https://api.highcharts.com/highcharts/tooltip.formatter