javascript - Highcharts 导出数据 : Show notes in the data table

Question

在 Highcharts 中，我想在点值旁边显示不同的符号来表示某些注释。我为点(“注释”)使用了一个附加属性，然后我可以在工具提示和数据标签中使用它，如下所示:

Highcharts.chart('container', {

    title: {
        text: 'Title'
    },

    tooltip: {
        formatter: function() {
            return "<strong>" + this.series.name + "</strong><br /><strong>" + Highcharts.numberFormat(this.y, 2) + '' + '<b><sup>' + this.point.note + '</sup></b></strong>';
        }
    },

    credits: {
        text: 'Source: thesolarfoundation.com'
    },

    chart: {
        borderWidth: 1,
        borderColor: '#ccc',
        spacingBottom: 30
    },

    yAxis: {
        title: {
            text: 'Number of Employees'
        }
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    },

    plotOptions: {
        series: {
            pointStart: 2010,
            dataLabels: {
                useHTML: true,
                enabled: true,
                allowOverlap: true,
                style: {
                    fontWeight: 'normal',
                    fontSize: '9px',
                    zIndex: 5

                },
                formatter: function() {
                    return Highcharts.numberFormat(this.y, 2) + "<sup>" + this.point.note.toLowerCase() + "</sup>";
                }
            }
        }
    },

    series: [{
        name: 'Series 1',
        data: [{
            id: "myID",
            note: "",
            y: 12.22,
            value: 12.22
        }, {
            id: "myID",
            note: "",
            y: 13.11,
            value: 13.11
        }, {
            id: "myID",
            note: "*",
            y: 14.99,
            value: 14.99
        }]
    }],

    exporting: {
        showTable: true
    }

});

https://jsfiddle.net/jmunger/o3bmyu5d/10/

现在我想使用 Export-data 模块允许用户以表格形式查看数据。这很好用，如上面的 jsFiddle 所示，但我如何添加在工具提示和表中的数据标签中显示的相同符号/注释？

Answer 1

您可以为系列定义键 ( API )，在创建表时使用。

例如，在您的情况下，您可以按如下方式设置键 ( JSFiddle demo ):

series: [{
    name: 'Series 1',
    keys: ['y', 'note'],
    data: [...]
}]