javascript - Highcharts 中 OHLC 烛台中单个点的自定义数据标签

Question

This example shows如何为简单 X-Y 图表的单个点设置自定义数据标签:

特别是，点216.4显示为一个对象，它带有自己的数据标签样式。它不像 data 数组中的其他值那样是整数:

 series: [{
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 178.0, 135.6, 148.5, {
        y: 216.4,
        dataLabels: {
            borderColor: 'red',
            borderWidth: 2,
            padding: 5,
            shadow: true,
            style: {
                fontWeight: 'bold'
            }
        }
    }, 194.1, 95.6, 54.4]
}]

我想做类似的事情，但是用蜡烛图。特别是，如何更改本示例中只有一根蜡烛的标签的样式:

http://jsfiddle.net/kwukv4by/4/

在第一个示例中，数字被分配给y。当数据是 OHLC 而不是整数值时应该是什么？

Answer 1

您可以以与蜡烛图完全相同的方式覆盖数据标签。只需将 dataLables 对象添加到系列中的点即可。

http://jsfiddle.net/kwukv4by/10/

series: [{
      type: 'candlestick',
      name: 'AAPL Stock Price',
      data: [{
          time: 0,
          high: 100,
          low: 50,
          open: 60,
          close: 80,
          dataLabels: {
            borderRadius: 0,
            backgroundColor: 'green',
            borderWidth: 4,
            borderColor: 'black'
          }
        },
        {
          time: 1,
          high: 90,
          low: 50,
          open: 80,
          close: 70
        },
        {
          time: 2,
          high: 80,
          low: 10,
          open: 40,
          close: 60
        },
        {
          time: 3,
          high: 80,
          low: 10,
          open: 60,
          close: 40
        },
      ],

    }]