我正在尝试创建一个 Highcharts (柱状图),其数据集非常大,但不是很大,而是 40 个左右不同的柱状图。不过我的布局有问题,首先不是所有的标签都在 y 轴上输出,但是工具提示与 Y 轴标签不匹配。
我创建了一个 fiddle ,
https://jsfiddle.net/e8bfxh8a/
如果有人能告诉我是什么导致了布局问题,那太棒了,我已经尝试在绘图选项中添加填充和宽度,就像这样,
绘图选项:{
系列: {
点填充:0.2,
组填充:1,
}
},
最佳答案
使图表的高度动态变化,以便它有空间显示所有标签。
var rowHeight = 24;
var chartOptions = {
chart: {
type: 'bar',
height: data.length * rowHeight
我刚刚添加了那个 var,这样你就可以使用常量了。 data.length 只是获取数据数组的大小并从中获取高度。还有一个类似的问题here和一些其他的想法。
关于javascript - highcharts条形图布局问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35327640/