Javascript 消除Highchart Bulletchart中一系列值末尾的间隙?
我想将最后一个打印带值225显示为x轴的最大值。在图中,您可以看到x轴的最大值为300,这就是为什么会创建间隙。我想给大家看看这个乐队 最大值225作为x轴上的最大值。因此,差距将消除。 }) jsIDLE:您需要设置max属性并禁用endOnTick选项: 现场演示: API参考:Javascript 消除Highchart Bulletchart中一系列值末尾的间隙?,javascript,highcharts,bullet-chart,Javascript,Highcharts,Bullet Chart,我想将最后一个打印带值225显示为x轴的最大值。在图中,您可以看到x轴的最大值为300,这就是为什么会创建间隙。我想给大家看看这个乐队 最大值225作为x轴上的最大值。因此,差距将消除。 }) jsIDLE:您需要设置max属性并禁用endOnTick选项: 现场演示: API参考: 谢谢@ppotaczek,但225不作为标签显示在轴上。。你能帮我吗?Hi@Shanto Siddiq,你可以使用tickPositions或tickPositioner属性:你能帮我在图表上显示带有值的tick
谢谢@ppotaczek,但225不作为标签显示在轴上。。你能帮我吗?Hi@Shanto Siddiq,你可以使用tickPositions或tickPositioner属性:你能帮我在图表上显示带有值的tickmarks吗?Hi@Shanto Siddiq,当然,你需要增加tickWidth属性:
Highcharts.chart('container1', {
chart: {
marginTop: 20,
width: 225,
height: 80
},
title: {
text: ''
},
xAxis: {
categories: ['<span class="hc-cat-title">Revenue</span><br/>']
},
yAxis: {
plotBands: [{
from: 0,
to: 132,
color: '#666'
}, {
from: 132,
to: 157.7,
color: '#999'
}, {
from: 157.7,
to: 225,
color: '#bbb'
}],
title: null
},
series: [{
data: [{
y: 225,
target: 157.7
}]
}],
tooltip: {
pointFormat: '<b>{point.y}</b> (with target at {point.target})'
}
yAxis: {
...,
max: 225,
endOnTick: false
},