Highcharts 更新更改图表上绘图线标签的颜色
有没有办法在移动上升时更改打印线标签的颜色,并在移动下降时以不同的字体颜色再次更改Highcharts 更新更改图表上绘图线标签的颜色,highcharts,highstock,Highcharts,Highstock,有没有办法在移动上升时更改打印线标签的颜色,并在移动下降时以不同的字体颜色再次更改 yAxis.addPlotLine({ value: 66, color: 'red', width: 2, id: 'plot-line-1', label: { text: 66, align: 'right', style: {
yAxis.addPlotLine({
value: 66,
color: 'red',
width: 2,
id: 'plot-line-1',
label: {
text: 66,
align: 'right',
style: {
color: 'red',
fontWeight: 'bold'
},
y: newY,
x: 0
}
});
var prev_val = 0; // global
plotlabel = yAxis.plotLinesAndBands[0].label;
if(prev_val <= y) {
plotlabel.css({'color':'blue'});
} else {
plotlabel.css({'color':'green'});
}
prev_val = y;
这是一个工作文件
感谢您的帮助在使用了不同的设置后,我找到了一种方法来实现您的目标
var prev_val = 0; // global
plotlabel = yAxis.plotLinesAndBands[0].label;
if(prev_val <= y) {
plotlabel.css({'color':'blue'});
} else {
plotlabel.css({'color':'green'});
}
prev_val = y;
通过删除新变量oldY
在setInterval
中执行以下操作时,标签颜色会根据值是增大还是减小而变化:
if(y < oldY) {
yAxis.plotLinesAndBands["0"].label.element.style.fill = 'red';
} else {
yAxis.plotLinesAndBands["0"].label.element.style.fill = 'green';
}
oldY = y;
var prev_val = 0; // global
plotlabel = yAxis.plotLinesAndBands[0].label;
if(prev_val <= y) {
plotlabel.css({'color':'blue'});
} else {
plotlabel.css({'color':'green'});
}
prev_val = y;
if(y
有关基于您提供的示例的工作示例,请参见。您可以将css样式选项添加到plotLabel,就像添加到简单对象一样
var prev_val = 0; // global
plotlabel = yAxis.plotLinesAndBands[0].label;
if(prev_val <= y) {
plotlabel.css({'color':'blue'});
} else {
plotlabel.css({'color':'green'});
}
prev_val = y;
var prev_val=0;//全球的
plotlabel=yAxis.plotlinesandband[0]。标签;
如果(上一个值)