Question

我正在尝试使用明细创建列范围图表。我看到很多带有简单值的例子（如y：10.2）但是我想尝试使用更复杂的数据作为y：[5,10]来创建基于columnrange的深入分析。这是一个代码的片段你知道我想做什么：

data = [{
                y: 19,
                color: colors[0],
                drilldown: {
                    name: 'MSIE versions',
                    categories: ['Amount', 'Duration', 'Age'],
                    data: [{
                            y: [7.35,10.85],
                            color: colors[0],
                            drilldown: {
                                name: 'MSIE versions',
                                categories: ['Amount', 'Duration', 'Age'],
                                data: [[7.35,10.85], [2.81,33.06]],
                                color: colors[0]
                            }
                        }, {
                            y: [0.32,9.91],
                            color: colors[1],
                            drilldown: {
                                name: 'Firefox versions',
                                categories: ['Amount', 'Duration', 'Age'],
                                data: [[0.20,0.83], [5.43,13.12], [0.32,9.91]],
                                color: colors[1]
                            }
                        }, {
                            y: [5.43,13.12],
                            color: colors[2],
                            drilldown: {
                                name: 'Chrome versions',
                                categories: ['Amount', 'Duration', 'Age'],
                                data: [[0.12,0.19], [0.12,0.36], [0.32,9.91]],
                                color: colors[2]
                            }
                        }],
                    color: colors[0]
                }
            },........................//it continues like this but you got the idea

我有一个JSFiddl可以向您展示我想要的内容。如果你看一下，你会发现我的类别是apear但我的列不是构建的。用Hightchart做这样的事情是不可能的吗？如果有可能的话请告诉我怎么做:)）

Thx guys

Answer 1

问题是您尝试使用y作为数组，而您应该使用low和high。

简而言之，改变所有：

y: [7.35,10.85],

为：

low: 7.35,
high: 10.85,

Highchart：使用columrange进行深入研究

1 个答案: