如果特定值相对于最大值非常小,我们在整个应用程序中都会遇到条形不呈现的问题。以下 jsFiddle 说明了这个问题:
http://jsfiddle.net/yahsukram/dQHQf/
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: null
},
xAxis: {
title: {
text: null
},
labels: {
enabled: false
}
},
yAxis: {
min: -50000,
max: 5000000,
title: {
text: null
}
},
tooltip: {
enabled: false
},
plotOptions: {
bar: {
dataLabels: {
enabled: true
}
}
},
legend: {
enabled: false
},
credits: {
enabled: false
},
exporting: {
enabled: false
},
series: [{
categories: ['John', 'Jane', 'Bob', 'Bill', 'Jesus'],
data: [5000000, 20000, 200, -50000, -10000]
}]
});
});
Run Code Online (Sandbox Code Playgroud)
请注意,200 和 -10000 的条形图根本不渲染。有没有办法将最小宽度设置为 2 或 3 个像素?我尝试了几件事并四处搜索,但没有找到任何真正解决问题的方法。我们有很多不同的图表表现出这种行为,根据我们获取的数据类型,上/下值可能会发生巨大变化。
增加容器的宽度不是一个选项,因为我们正在以列格式绘制许多图表,这给我们提供了有限的空间。
任何帮助是极大的赞赏。
我认为您想要的选项是 minPointLength:
plotOptions: {
bar: {
minPointLength:5,
dataLabels: {
enabled: true
}
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
6618 次 |
| 最近记录: |