我正在使用与此jsfiddle类似的Highcharts条形图。
什么: 我想显示一个非常小的条形图,用于低正值,否则将隐藏在图表上。是否有支持此功能的配置选项?
为什么: 在我的用例中,0和低正值之间的区别对用户很重要。默认图表行为相对于彼此缩放条形高度。因此,绘制高度变化的数据集(例如,非常低和高值的混合)将不显示零和低正值的条形。
$(function () {
$('#container').highcharts({
chart: {
type: 'column',
marginLeft: 0,
marginRight: 0,
marginBottom: 25,
marginTop: 0
},
plotOptions: {
series: {
stacking: 'normal',
grouping: true,
// pointPadding: 0.1,
// groupPadding: 0.2,
// pointPlacement: 'on',
states: {
hover: {
// Prevent color change on hover
brightness: 0
}
}
},
column: {
borderWidth: 0
},
bar: {
minPointLength: 10
}
},
xAxis: {
labels: {
enabled: true,
y:0,
style: {
color: '#ccc',
fontSize: '14px'
}
},
tickWidth: 15,
minPadding: 0,
maxPadding: 0,
startOnTick: true
},
yAxis: {
min: 0,
gridLineColor: '#ddd',
gridLineWidth: 1,
labels: {
enabled: true,
x: 0,
style: {
color: '#ccc',
fontSize: '14px'
}
}
},
series: [{
data: [0, 1, 0, 2, 3, 5, 8, 5, 15, 14, 25, 300]
}]
});
});