javascript - 在 HighCharts 中将值显示为 DataLabel

Question

https://jsfiddle.net/5v7xy8re/4/

series: [{
        data: [{
                y: 9.5,
            MYVALUE: 95
        }],
        dataLabels: {
            format: '<div style="text-align:center"><span style="font-size:25px;color:' +
                ((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{MYVALUE}</span><br/>' +
                   '<span style="font-size:12px;color:silver"></span></div>'
        },
    }]

我需要根据条件显示 y 或 y * 10，并且我不应该更改数据中的 y 值。所以我想通过访问 MYVALUE 而不是 y 将其显示为数据标签。这样可以吗？当我运行代码时，它在屏幕上不打印任何内容。谢谢

Answer 1

要以格式引用自定义数据值，您需要指定它属于该点。 IE。 {point.MYVALUE}。同样，如果您想访问系列自定义点，则需要编写 {series.MYSERIESVALUE}。

工作示例: https://jsfiddle.net/ewolden/reLab5s7/1/

更多信息请点击:https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting

这里:https://api.highcharts.com/highcharts/tooltip.pointFormat