javascript - 在 x 轴和图例中显示 HighCharts 系列名称

标签 javascript jquery highcharts

我正在尝试使用 Highcharts 创建一个柱形图,该图表仅在一个时间点显示多个系列,并且我希望在 x 轴上显示系列的名称,并且能够隐藏和显示每个系列系列使用图例。 我能够达到的最接近目标是添加类别并拥有多个系列。

xAxis: {
            categories: [
                'Tokyo',
                'New York',
                'London',
                'Berlin'
            ]
        }

然后添加多个系列,每个系列中只有一个数据点

series: [{
            name: 'Tokyo',
            data: [49.9, null,null,null]

        }, {
            name: 'New York',
            data: [null, 83.6,null,null]

        }, {
            name: 'London',
            data: [null, null, 48.9,null]
        }, {
            name: 'Berlin',
            data:[null, null, null, 42.4]
        }]

问题是,虽然这只为 x 轴上的每个点显示一个系列,但 Highcharts 会为其他每个系列分配空间,并且当隐藏一个系列时,只会隐藏该系列,而不是 x 轴上的标签。 jsfiddle 的链接在这里:http://jsfiddle.net/md2zk/

最佳答案

在plotOptions中设置grouping: false,参见:http://jsfiddle.net/Fusher/md2zk/5/

关于javascript - 在 x 轴和图例中显示 HighCharts 系列名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18201626/

相关文章:

javascript - 使用正则表达式计算对象中的数组项

javascript - Google 跟踪代码管理器无法在 Firefox Quantum 上加载

jquery - 如何拒绝删除/重命名/移动jsTree中的根(或其他)节点?

jquery - 使用 jQuery 编辑单个表格单元格

javascript - 每次函数调用时变量改变值

javascript - 带 Highcharts 插件的极坐标类型图表

javascript - 在 jquery 中解析 JSON 返回未定义

javascript - Jquery 多复选框 if 语句

javascript - Knob js 中的 Highcharts 全圆规

javascript - 自动化与网站的交互 - Rails