Question

我正在设置这个条形图，我需要创建一个滚动窗口来查看整个数据集，主容器设置为500px这设置为溢出滚动。问题是什么时候没有数据，整个图形容器正在将它的高度更改为零，因为我根据点数动态调整容器大小。

是否有一种简单的方法可以让容器在highcharts.js中说minHeigh：500px？

这是我的js：

chart: {
                    type: "bar",
                    backgroundColor: "#f2f2f2",
                    borderColor: "#fff",
                    borderWidth: 2,
                    borderRadius: 2,
                    spacing: [4, 40, 10, 3],
                    className: "main-graph",
                    height: 34 * (n_categories) + 69, //getting this value dynamically based on many items I have in chart, but if no data how to keep value to min-height:500px?
                    renderTo: 'mainChart',
                    plotBackgroundColor: null,
                    plotBorderWidth: null
                },

我创建了jsfiddle

Answer 1

height: ((n_categories)?(34 * (n_categories) + 69):500),

如果没有带有highcharts.js的数据，则min-height到图表容器

1 个答案: