设置组合线和条形图最大宽度的Highcharts失败
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了设置组合线和条形图最大宽度的Highcharts失败相关的知识,希望对你有一定的参考价值。
我想将线图设置为最小值为0且最大值为100,即使其组合线图,线图最大值应始终保持为100,即使其他图y轴增加
所以我有
title: {
text: 'Mombasa Plant Truck Compliance reports'
},
credits: {
enabled: false
},
chart: {
zoomType: 'xy'
},
subtitle: {
text: ''
},
xAxis: {
categories: xaxis,
crosshair: true
},
yAxis: [{ // Primary yAxis
title: {
text: 'Passed Inspection',
},
},
{ // Primary yAxis
title: {
text: 'Failed Inpsection',
},
},
{ // Tertiary yAxis
gridLineWidth: 0,
title: {
text: 'Percentage Compliance',
},
labels: {
format: '{value} %',
},
max: 100,
min: 0,
opposite: true
}
],
plotOptions: {
column: {
dataLabels: {
enabled: true,
crop: false,
overflow: 'none'
}
}
},
tooltip: {
shared: true
},
series: chartdata
}
如您所见,线图y轴似乎增加超过100%。我希望它最多为100
我需要调整什么,因为我已经设置了max: 100, min: 0,
但它不起作用。
答案
如果您不想仅使用Highcharts算法中继来查找刻度,则可以使用tickPositions
或tickPositioner
:
- https://api.highcharts.com/highcharts/yAxis.tickPositions
- https://api.highcharts.com/highcharts/yAxis.tickPositioner
滴答位置的演示:http://jsfiddle.net/BlackLabel/cuutqgys/
在这种特殊情况下可行的另一种方法是将endOnTick
设置为false:http://jsfiddle.net/BlackLabel/dxq4y822/
以上是关于设置组合线和条形图最大宽度的Highcharts失败的主要内容,如果未能解决你的问题,请参考以下文章