Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Highcharts数据系列标签。对于每个数据点_Highcharts_Labels - Fatal编程技术网

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

Highcharts数据系列标签。对于每个数据点,highcharts,labels,Highcharts,Labels,我有一个带有数据点的线图,每个点都有一个单独的标签。我希望在工具提示中显示标签并具有自定义格式设置程序功能,但无法将标签数据从服务器后端获取到格式设置程序中 我的数据: +------------------+-------+----------------------+ | Date | Value | Label | +------------------+-------+----------------------+ | 2018-05

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

我的数据:

+------------------+-------+----------------------+
|       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 |
+------------------+-------+----------------------+

我使用的一种非常糟糕的方法是序列化标签,将其放入名称字段,然后在格式化程序中解析出来,但这绝对是值得的。

您可以在每个点对象中定义自定义点参数,例如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'
    }]
  }]
还有一个活生生的例子: