嵌套系列在highcharts drilldown中

时间:2016-06-15 19:01:04

标签: javascript jquery charts highcharts

我正在尝试使用highcharts.js'使用嵌套系列进行深入研究。为了简单起见,我使用的是highcharts.js提供的官方演示:

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/drilldown/multi-series/

drilldown: {
        series: [{
            id: 'republican-2010',
            data: [
                ['East', 4],
                ['West', 2],
                ['North', 1],
                ['South', 4]
            ]

我想修改这个例子,以比较下钻中的选举年份。官方演示的演练仅显示每个地区(北部,南部等)的单一选举年。我希望在下钻图中有相同的蓝/黑列(选举年)。

我在这里找到了嵌套系列的尝试:

http://jsfiddle.net/draptik/bnvbsLd1/1/

drilldown: {
  series: [{
    id: 'republican-2010',
    data: [{
      series: [{
        name: 'republican',
        data: [{
          name: 'north',
          y: 3
        }, {
          name: 'west',
          y: 3
        }, {
          name: 'east',
          y: 3
        }, {
          name: 'south',
          y: 3
        }]
      }, {
        name: 'democrat',

基本上我只是试图在深入研究的系列数据数组中嵌套一个系列,但这不起作用。

感谢任何指针。

1 个答案:

答案 0 :(得分:0)

我认为您应该删除明细数据中的series属性。 就像这样:

    drilldown: {
      series: [
        {
          id: 'republican-2010',
          data: [{
            name: 'republican',
            y: 10,
            drilldown: 'repbulican'
          }]
        }, // end of first series
        {
          id: 'repbulican',
          data: [
           ['north' , 3],
           ['west' , 3],
           ['east', 3],
           ['south', 3]
          ]
        }
       ] // end of series array
      } // end of drilldown object

我已经为“ republican-2010”系列做了一个例子,只是向您展示了如何做。

对其他系列也一样。