具有对数轴的 HighCharts 图表中不考虑最小和最大轴值
min and max axis value not respected in HighCharts chart with a logarithmic axis
我有一个带有对数标度 y 轴的堆积柱形图(JSFiddle here,改编自基本演示图表)
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
yAxis: {
type:'logarithmic',
min: 0.3, // I WANT THE Y-AXIS TO START AT 0.3
min: 25, // I WANT THE Y-AXIS TO END AT 25
endOfTick:false,
maxPadding:0,
tickInterval:0.1,
},
plotOptions: {
column: {
stacking: 'normal',
}
},
series: [{
data: [5, 3, 4, 7, 2]
}, {
data: [2, 2, 3, 2, 1]
}, {
data: [3, 4, 4, 2, 5]
}]
});
});
我研究了此 Whosebug page 上建议的所有选项,以设置确切的最小和最大 y 轴值,但没有成功。
我该怎么做才能强制 y 轴图表以我想要的值开始和结束?
没有属性 endOfTick
-> 你要找endOnTick
示例:
参考:
与您找到的问题一样,使用塞巴斯蒂安的答案,tickPositioner
。事实上,将 startOnTick
和 endOnTick
设置为 false 时,极端情况是正确的,只是不渲染标签。在那种情况下使用 tickPositioner
,例如:
tickPositioner: function(min, max) {
var ticks = this.tickPositions;
ticks = $(ticks).filter(function(i, tick) {
return tick > min && tick < max;
});
ticks.slice(0, 0, min);
ticks.push(max);
return ticks;
}
我有一个带有对数标度 y 轴的堆积柱形图(JSFiddle here,改编自基本演示图表)
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
yAxis: {
type:'logarithmic',
min: 0.3, // I WANT THE Y-AXIS TO START AT 0.3
min: 25, // I WANT THE Y-AXIS TO END AT 25
endOfTick:false,
maxPadding:0,
tickInterval:0.1,
},
plotOptions: {
column: {
stacking: 'normal',
}
},
series: [{
data: [5, 3, 4, 7, 2]
}, {
data: [2, 2, 3, 2, 1]
}, {
data: [3, 4, 4, 2, 5]
}]
});
});
我研究了此 Whosebug page 上建议的所有选项,以设置确切的最小和最大 y 轴值,但没有成功。 我该怎么做才能强制 y 轴图表以我想要的值开始和结束?
没有属性 endOfTick
-> 你要找endOnTick
示例:
参考:
与您找到的问题一样,使用塞巴斯蒂安的答案,tickPositioner
。事实上,将 startOnTick
和 endOnTick
设置为 false 时,极端情况是正确的,只是不渲染标签。在那种情况下使用 tickPositioner
,例如:
tickPositioner: function(min, max) {
var ticks = this.tickPositions;
ticks = $(ticks).filter(function(i, tick) {
return tick > min && tick < max;
});
ticks.slice(0, 0, min);
ticks.push(max);
return ticks;
}