这个例子显示了如何为简单的X图表的单个点设置自定义数据标签:
特别是,point 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
而不是整数值时,应该是什么?
发布于 2018-04-19 15:22:14
对于烛台图,您可以用完全相同的方式覆盖dataLables。只需将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
},
],
}]
https://stackoverflow.com/questions/49930907
复制相似问题