0

I need to create a chart like this one https://plus.google.com/u/0/photos/110303712770402448748/albums/5891900514264118753/5891900515184170482?sqi=100875929141897651837&sqsi=9f68aae7-20ae-4a7e-b08c-3df05cfb5f57&pid=5891900515184170482&oid=110303712770402448748

这就是我现在使用 highcharts http://jsfiddle.net/bcMYf/

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

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

column: {           
  grouping: false
}

谢谢。

4

1 回答 1

0

使用对象作为点而不是数据模块,参见: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 值,并且仍然有适当高度的条形图。

于 2013-06-24T12:29:51.213 回答