Highcharts Gauge 错放的标签
Highcharts Gauge misplaced labels
我使用的是具有十进制值的 highcharts 实心仪表。这是 jsfiddle http://jsfiddle.net/7hm1mkbn/
$('#container-temp').highcharts(Highcharts.merge(gaugeOptions, {
yAxis: {
min: 10.39,
max: 23.83,
title: {
text: 'Speed'
}
},
credits: {
enabled: false
},
series: [{
name: 'Temperature',
data: [23.23],
dataLabels: {
format: '<div style="text-align:center"><span style="font-size:25px;color:' +
((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' +
'<span style="font-size:12px;color:silver">C</span></div>'
},
tooltip: {
valueSuffix: ' C'
}
}]
}));
最小-最大标签错位了。有什么建议吗?
如果您只想要最小和最大刻度(带有标签),您可以将 tickPixelInterval
替换为 tickPositions
的静态定义。例如 (JSFiddle):
yAxis: {
tickPositions: [10.39, 23.83]
}
如果您可能想要更多刻度(和标签),您可能希望使用 tickPositioner
创建一个更动态的函数。例如 (JSFiddle):
yAxis: {
tickPositioner: function () {
var positions = [],
numberOfTicks = 5;
tick = this.min,
increment = (this.max - this.min) / (numberOfTicks - 1);
for (tick; tick - increment <= this.max; tick += increment) {
positions.push(Math.round(tick * 100) / 100);
}
return positions;
}
}
我使用的是具有十进制值的 highcharts 实心仪表。这是 jsfiddle http://jsfiddle.net/7hm1mkbn/
$('#container-temp').highcharts(Highcharts.merge(gaugeOptions, {
yAxis: {
min: 10.39,
max: 23.83,
title: {
text: 'Speed'
}
},
credits: {
enabled: false
},
series: [{
name: 'Temperature',
data: [23.23],
dataLabels: {
format: '<div style="text-align:center"><span style="font-size:25px;color:' +
((Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black') + '">{y}</span><br/>' +
'<span style="font-size:12px;color:silver">C</span></div>'
},
tooltip: {
valueSuffix: ' C'
}
}]
}));
最小-最大标签错位了。有什么建议吗?
如果您只想要最小和最大刻度(带有标签),您可以将 tickPixelInterval
替换为 tickPositions
的静态定义。例如 (JSFiddle):
yAxis: {
tickPositions: [10.39, 23.83]
}
如果您可能想要更多刻度(和标签),您可能希望使用 tickPositioner
创建一个更动态的函数。例如 (JSFiddle):
yAxis: {
tickPositioner: function () {
var positions = [],
numberOfTicks = 5;
tick = this.min,
increment = (this.max - this.min) / (numberOfTicks - 1);
for (tick; tick - increment <= this.max; tick += increment) {
positions.push(Math.round(tick * 100) / 100);
}
return positions;
}
}