highcharts - 如何在 highchart 仪表上显示特定的刻度值?
问题描述
我想显示绿色和黄色以及红色 plotBands 之间的值。
在附加的示例中,我想显示值 135,172(颜色正在变化)
yAxis: {
min: 0,
max: 200,
minorTickInterval: 'auto',
minorTickWidth: 1,
minorTickLength: 10,
minorTickPosition: 'inside',
minorTickColor: '#666',
tickPixelInterval: 30,
tickWidth: 2,
tickPosition: 'inside',
tickLength: 10,
tickColor: '#666',
labels: {
step: 2,
rotation: 'auto'
},
title: {
text: 'km/h'
},
plotBands: [{
from: 0,
to: 135,
color: '#55BF3B' // green
}, {
from: 135,
to: 172,
color: '#DDDF0D' // yellow
}, {
from: 172,
to: 200,
color: '#DF5353' // red
}]
},
解决方案
您可以使用tickPositioner
函数来定义图表上将显示哪些分时:
tickPositioner: function() {
var plotBands = this.options.plotBands,
ticks = [],
i = 0;
for (i; i <= 200; i += 20) {
ticks.push(i);
}
for (i = 0; i < plotBands.length - 1; i++) {
ticks.push(plotBands[i].to)
}
return ticks;
}
现场演示:https ://jsfiddle.net/BlackLabel/1kpt7dws/
API:https ://api.highcharts.com/highcharts/yAxis.tickPositioner
推荐阅读
- html - 圆角边框中的中心文本
- rest - HTTP REST:如果请求是幂等的,但资源一旦插入就不可更改,应该使用 PUT 还是 POST?
- excel - excel中使用多列的中位数和众数
- python - IndexError: 索引 0 处的掩码 [1, 1682] 的形状与索引 0 处的索引张量 [100, 1682] 的形状不匹配
- lets-encrypt - Ispconfig 3.1.13p1 问题创建新的让我们加密证书。多个帐户
- sql - 从 SELECT QUERY 结果创建变量
- python - 在 matplotlib/seaborn 中为箱线图添加图例
- asp.net-mvc - System.ArgumentNullException:“值不能为空。”
- azure-devops - 让 ADO 管道跳过 Terraform 计划的步骤没有变化
- sql - 如何确定组内计数最高的类别?