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

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

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
        },
      ],

    }]

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

Custom data label for a single point in OHLC candlestick in Highcharts

javascript

highcharts

highstock