用链接系列向下钻取

时间:2014-07-22 12:44:50

标签: javascript jquery charts highcharts drilldown

我正在为多个区域显示可钻取的数据集。我想同时显示两个系列,以便可以在两者之间进行比较而无需切换每一个。我想要发生的是,当一个类别可以钻取时,然后向下钻取显示的每个系列。如果系列1没有任何钻孔数据,只要系列2可以。我见过使用以下数据的方法:

var data1 = [{
                y: 1674,
                color: colors[0],
                drilldown: {
                    name: '1011 Actual',
                    categories: ['BS', 'B', 'IT', 'C'],
                    data: [3, 32, 54, 50],

                    color: colors[0],

                    name1: '1011 Target',
                    data1: [0, 31, 50, 60],
                    color1: colors[1]
                }
            }];

每个点在其数据点分配中定义了向下钻取。这里进行链接钻取的方法可以在this jsfiddle找到。

我们没有此数据设置。我们所拥有的更多的是:

series: [{
            name: 'Cape Coral-Fort Myers, FL Metropolitan Statistical Area',
            type: 'bar',
            data: [{
                name: 'Total nonfarm',
                y: 224200
            }, {
                name: 'Total private',
                y: 185100
            }, {
                name: 'Goods-producing',
                y: 22400
                drilldown: '900000000'
            }....

然后我们将钻取系列定义为所有非"顶部"的项目列表:

drilldown: {
            series: [{
                id: '400000000',
                name: 'Trade, transportation, and utilities',
                data: [{
                    name: 'Wholesale Trade',
                    y: 6900
                }...

我不确定如何在类别明细中链接2(到N)系列。这是我目前拥有的demo

2 个答案:

答案 0 :(得分:1)

我不确定我是否正确理解问题(你与Rob长时间讨论),但简而言之:你想从一个栏/类别向下钻取两个(或更多)另一个系列?在drilldown.js插件中,它不受支持。看看http://jsfiddle.net/2rz6N/ - 点击2后,您将只获得一个有两个积分的系列。有计划支持多系列深入研究。但现在只有计划。

所以你只有两个选择:

  • 更改数据格式以适合您提供的第一个解决方案
  • hack drilldown.js插件并添加该功能

答案 1 :(得分:0)

如果不做所有的工作,这是一个开始: 首先定义您的数据“不在线”而不是内联,然后首先处理drilldown系列并创建一个关联数组,我们可以用它来填充drilldown的{​​{1}}属性数据。

这现在将数据格式化为与其他演示大致相同的形状,您可以开始使用听众等。由于您的数据并不总是来自series的数据,您必须处理无论如何,无论如何。通过为drilldown定义0个数据,从而为每个drilldown数据添加drilldown属性或检查series并采取适当的操作。

演示:http://jsfiddle.net/robschmuecker/e9uJ2/2/

click