在钻取后如何创建带有堆叠列的图表?

时间:2014-06-25 08:40:19

标签: javascript highcharts

我有一个包含大量条目的数据库。它看起来像以下示例:

id | rating    | topic1 | topic2
1    positive    A        X
2    negative    A        Y
3    neutral     B        Z

第1步: 现在我想要一个图表(高级图)显示堆叠列,其中每列是一个主题(topic1),堆叠的部分是该主题的每个评级的条目数量1。该图表很容易创建。

第2步: 另外,我想对每列进行深入分析。单击列后,我想再次获得一个堆积柱形图,其中每列是所单击的列的子主题(topic2),堆叠的部分是该主题的每个评级的条目数量。

我已经创建了一个示例。 http://jsfiddle.net/9RLEB/2/

第1步工作正常,但我不能让第2步工作。有人可以试着帮我吗?或者给我一个提示如何实现这个结果?

提前谢谢。

岸堤

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您是否尝试过点击列标题(" A"" B")进行深入分析?

更新

要使其真正起作用,您需要为每个数据点指定不同的明细:

series: [{
    name: 'negative',
    data: [{
      name: 'A',
      y: 13,
      drilldown: 'topic1Neg',
      color: '#e53642'
    }, {
      name: 'B',
      y: 42,
      drilldown: 'topic2Neg',
      color: '#e53642'
    }]
  }, {
    name: 'neutral',
    data: [{
      name: 'A',
      y: 61,
      drilldown: 'topic1Neu',
      color: '#919191'
    }, {
      name: 'B',
      y: 23,
      drilldown: 'topic2Neu',
      color: '#919191'
    }]
  }, {
    name: 'positive',
    data: [{
      name: 'A',
      y: 26,
      drilldown: 'topic1Pos',
      color: '#56cb46'
    }, {
      name: 'B',
      y: 11,
      drilldown: 'topic2Pos',
      color: '#56cb46'
    }]
  }
],
drilldown: {
  series: [{
    id: 'topic1Neg',
    data: [
      ['X', 4],
      ['Y', 2]
    ]
  }, {
    id: 'topic2Neg',
    data: [
      ['X', 5],
      ['Y', 3]
    ]
  },{
    id: 'topic1Neu',
    data: [
      ['X', 7],
      ['Y', 1]
    ]
  }, {
    id: 'topic2Neu',
    data: [
      ['X', 8],
      ['Y', 4]
    ]
  },{
    id: 'topic1Pos',
    data: [
      ['X', 2],
      ['Y', 3]
    ]
  }, {
    id: 'topic2Pos',
    data: [
      ['X', 9],
      ['Y', 5]
    ]
  }]
}

您只需自己计算钻取值。

此处示例:http://jsfiddle.net/wyfqf/

After clicking the title