时间戳

首页 > 解决方案 > Highcharts - 如何在组合图中以编程方式设置数据标签格式

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

问题描述

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

  1. 有货币值所以需要 $ 作为前缀
  2. 有百分比值所以需要 % 作为后缀

这些图表符号是动态的。所以我必须以编程方式添加它们。我已将它们添加到轴标签和工具提示中。但在数据标签中不适用。

标签： highcharts

解决方案

您可以使用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

推荐阅读