javascript - highcharts条形图布局问题

标签 javascript jquery css highcharts

我正在尝试创建一个 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/

相关文章:

javascript - 如何在reactjs中通过父元素的onClick控制子元素?

Javascript NiceScroll 调整大小函数

JQuery 数据表分页样式

html - 了解 flex 属性

html - 没有包装的居中内容

javascript - 在 Javascript 中合并(或 concat 、combine ?)一个 Object 的数组

javascript - 更改控制台对象引用后即可访问控制台

javascript - 在 SweetAlert Box 文本属性上设置不带引号的字符串

javascript - 成功功能未被执行

javascript - 如何在数组 javascript 中使用 split() 和 setTimeout()