Question

我在获取Highcharts列范围图表时遇到问题，我想要显示多个数据系列。请参阅http://jsfiddle.net/jbreadner/6qsvjark/1/

这里显示了两个图表，＆＃34;顶部图表＆＃34;和＆＃34;底图＆＃34;。

顶部图表有效地使用了多个数据系列，如代码中所见，以及＆＃34;任务1＆＃34;和＆＃34;任务2＆＃34;图例中的条目。此图表的问题是任务1和任务2栏垂直相互偏移。

    series: [{
        name: 'Task 1',
        stack: 'Tasks',
        data: [{
            x: 0,
            low: 7,
            high: 8
        }, {
            x: 1,
            low: 6.5,
            high: 7.5
        }]
    }, {
        name: 'Task 2',
        stack: 'Tasks',
        data: [{
            x: 0,
            low: 8,
            high: 9
        }, {
            x: 1,
            low: 7.5,
            high: 8.5
        }]
    }]

底部图表显示了我想要查看的列范围图表，但它强制为每个数据点添加颜色，并且在使用一个数据系列时，它会破坏图例功能。这导致更加丑陋的代码功能减少。

    series: [{
        name: 'Data',
        data: [{
            x: 0,
            low: 7,
            high: 8
        },{
            x: 0,
            low: 8,
            high: 9,
            color: "#202020"
        },{
            x: 1,
            low: 6.5,
            high: 7.5
        },{ 
            x: 1,
            low: 7.5,
            high: 8.5,
            color: "#202020"
        }]
    }]

有没有办法修改顶部图表的配置，以便它保留多个数据集，但在视觉上看起来像底部图表？

柱形图有一个＆＃34;堆栈＆＃34;属性，但这似乎不适用于图表范围类型。＆＃34;堆栈＆＃34;选项包含在顶部图表中。

Answer 1

只需添加：

plotOptions: {
        columnrange: {
            grouping: false
        }
    }

到你的图表。 http://jsfiddle.net/6qsvjark/2/

HighCharts堆叠柱范围

1 个答案: