Question

我有一个带有数据点的折线图，每个点都有一个单独的标签。我想在工具提示中显示标签并具有自定义格式化程序功能，但我无法将标签数据从服务器后端获取到格式化程序中。

我的数据：

+------------------+-------+----------------------+
|       Date       | Value |        Label         |
+------------------+-------+----------------------+
| 2018-05-21 08:00 |   100 | A description        |
| 2018-05-21 08:10 |    50 | Another one          |
| 2018-05-21 08:20 |   900 | Completely different |
+------------------+-------+----------------------+

我开始工作的一个非常丑陋的方法是序列化标签，将它放在名称字段中并在格式化程序中解析它，但这绝对是值得信赖的。

Answer 1

您可以在每个点对象中定义自定义点参数（例如labelDesc）。然后，在series.dataLabels.formatter功能中，您可以通过this.point.labelDesc访问它。您需要从函数中返回该值，这就是全部。这是代码：

  series: [{
    dataLabels: {
      enabled: true,
      formatter: function() {
        return this.point.label
      }
    },
    data: [{
      y: 100,
      label: 'Some label'
    }, {
      y: 50,
      label: 'Some label 2'
    }, {
      y: 900,
      label: 'Some label 3'
    }]
  }]

还有实例：http://jsfiddle.net/tdcxevy3/

Highcharts数据系列标签。对于每个数据点

1 个答案: