javascript - 在 HighCharts 中如何自动设置 xAxis 的数量?

标签 javascript html css highcharts

如您所见,我现在正在使用 HighCharts 的 HighStock 来获得滚动条。
我想设置 xAxis 的最大数量。如果我这样编码,它会起作用:

xAxis: {
    max: 8
    categories: data.categories
}  

效果图如下: normal one 但是当它涉及到一些没有那么多 xAxis 数据的数据时,它会显示如下: Bad one
我想实现的是,当数据小于一定数量时,比如8,它会占据图表,而不是留那么多空白。
这是图片:
My target

最佳答案

解决方案是检查类别数组是否大于 8,如果不是则将最大值设置为类别长度

xAxis: {
        max: categories.length < 8 ? categories.length - 1: 8,
        categories: categories
    },

例子:

关于javascript - 在 HighCharts 中如何自动设置 xAxis 的数量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37405376/

相关文章:

javascript - 点击 map 上的 angular2 openlayers 显示详细信息

javascript - JQuery中如何避免文本越过div元素?

javascript - 在动画导航下拉菜单上创建点击关闭事件

jquery - 使用 JSON 格式的数据通过 JQuery AJAX 填充 HTML 表 : How to access data from variable in loop?

javascript - 保持 Logo 位置固定在响应式导航栏上

CSS3 动画边框颜色

css - 让我的页脚贴在页面底部

php - 是否可以在运行时更改 Facebox 的设置?如何?

javascript - javascript 中的正则表达式循环和逻辑

php - 如何将字符串转换为 html 颜色代码哈希?