代码之家 › 专栏 › 技术社区 › Ari

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

highstock highcharts javascript

Ari · 技术社区 · 7 年前

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 而不是整数值?

1 回复 | 直到 7 年前

Barbara Laird 7 年前

您可以用与烛台图表完全相同的方式覆盖数据标签。只需将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
        },
      ],

    }]

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前