Question

我在海图中使用组合图。我有两个折线图：

具有货币值，因此需要$作为前缀
具有百分比值，因此需要％作为后缀

这些图表符号是动态的。因此，我必须以编程方式添加它们。我已将它们添加到轴标签以及工具提示中。但在数据标签中未应用。

Answer 1

您可以使用Series.dataLabels.format参数来指定数据标签的外观。只需在字符串'{point.y}'定义中添加一些前缀/后缀，以下是代码和示例，说明应如何做：

var chart = Highcharts.chart('container', {
    series: [{
        name: 'Dollars',
        data: [439, 525, 571, 696, 970, 1199, 1371, 1541],
        dataLabels: {
            enabled: true,
            format: '${point.y}'
        }
    }, {
        name: 'Percents',
        data: [434, 525, 571, 696, 970, 1199, 1371, 1541].reverse(),
        dataLabels: {
            enabled: true,
            format: '{point.y}%'
        }
    }]
});

实时示例： https://jsfiddle.net/kxumynL5/

API参考： https://api.highcharts.com/highcharts/series.line.dataLabels.format

Highcharts-如何在组合图中以编程方式设置数据标签格式

1 个答案: