Question

我需要创建一个像这样的图表 https://plus.google.com/u/0/photos/110303712770402448748/albums/5891900514264118753/5891900515184170482?sqi=100875929141897651837&sqsi=9f68aae7-20ae-4a7e-b08c-3df05cfb5f57&pid=5891900515184170482&oid=110303712770402448748

这就是我现在对高图的看法 http://jsfiddle.net/bcMYf/

我需要知道如何对每一行的系列进行分组，以及如何使用不仅仅是列来表示信息，还要使用行。

我尝试使用上面的代码对de columns进行分组，这样一个就在另一个上面，所以我现在需要的是使用行来表示列，就像在图像示例中一样。

column: {           
  grouping: false
}

感谢。

Answer 1

将对象用作点而不是数据模块，请参阅：http://jsfiddle.net/r9CJw/

    series: [{
        data: [{
            x: 0,
            y: 10
        }, {
            x: 2,
            y: 15
        }, {
            x: 5,
            y: 12
        }]

    }, {
        data: [{
            x: 0,
            y: 8
        }, {
            x: 2,
            y: 9
        }, {
            x: 5,
            y: 10
        }]

    }, {
        data: [{
            x: 0,
            low: 3,
            y: 3.5
        }, {
            x: 2,
            low: 5,
            y: 5.5
        }, {
            x: 5,
            low: 6,
            y: 6.5
        }]

    }]

low选项是设置栏应该开始的位置 - 现在绿色栏看起来像一条线。只有一个问题 - 你需要计算一个低的值应该显示正确的y值，并且仍然有适当高度的条。

与highcharts的极图

1 个答案: