jquery - 如何在 HighCharts 中间隔列

标签 jquery html css highcharts

我有一个固定宽度和高度的父容器。使用 highcharts 呈现的图形包含在父容器中。有人能告诉我应该怎么做才能使图表容器可滚动并适本地间隔标签和条形,以便所有标签都清晰可见并且条形间隔得很好。请找到 jsfiddle 以便更好地理解 https://jsfiddle.net/z5wqgkm9/

已尝试使用

启用滚动
 scrollbar: {
             enabled: true
            }

但这并没有太大帮助

最佳答案

在父 div 上设置 overflow: scroll 应该可以完成工作。

<div style="width:500px;height:600px; overflow: scroll;">
    <div id="recoranks" style="width: 400%; height: 100%; margin: 0 auto"></div>
</div>

示例:jsfiddle.net/z5wqgkm9/2

关于jquery - 如何在 HighCharts 中间隔列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40485705/

相关文章:

JQuery 主题生成器 CSS 问题

html - 如何让第 n 个 child 不显示

jquery - 如何通过ajax使用Materialize自动完成插件?

javascript - 将具有相同属性的对象分组 - javascript

javascript - 用于定位文本、标题、 block 引号、图像后/前的 CSS

html - 在 jQuery Mobile 中居中图像

javascript - 与 sibling 一起做两个按钮的互斥复选框()

css - 使用 Flex-box 堆叠列表

javascript - Jquery for 循环不工作

javascript - 使用 Bootstrap 模式的 Ajax 加载