Highchart不规则样条与钻取 - 无法获取向下钻取功能

我一直在拉我的头发，试图通过钻取得到这个highcharts不规则样条，并且无法使钻取工作。我是新来的高层建筑，我认为这可能与我的语法有关。我已经引用了API并且尝试了一些没有运气的方法。Highchart不规则样条与钻取 - 无法获取向下钻取功能

问题：我想得到一个不规则样条来显示月份的水果计数。然后，深入分析将显示水果类型（苹果和橙子）的数量。我能够显示水果的数量，但钻取不起作用。

的代码低于和这里：http://jsfiddle.net/bu2002/352a0zvr/2/

非常感谢大家！

$（文件）。就绪（函数（）{

var options = { 
    chart: { 
     renderTo: 'container', 
     type: 'spline' 
    }, 
    xAxis: { 
     type: 'datetime', 
     dateTimeLabelFormats: { // don't display the dummy year 
      month: '%e. %b', 
      year: '%b' 
     }, 
     title: { 
      text: 'Date' 
     } 
    }, 
    yAxis: { 
      title: { 
       text: 'count' 
      }, 
      min: 0 
    }, 
    series: [{ 
     name: 'Fruits', 
     data: [ 
      [Date.UTC(2014, 7, 19),12], 
      [Date.UTC(2014, 8, 19),5], 
      [Date.UTC(2014, 9, 19),18] 
     ], 
     drilldown: 'fruits' 
     }, 
     { 
      name: 'Animals', 
      data: [ 
       [Date.UTC(2014, 7, 29),15], 
       [Date.UTC(2014, 8, 11),11], 
       [Date.UTC(2014, 9, 22),38] 
      ], 
      drilldown: 'animals' 
     } 
    ],//end series 
    drilldown: { 
     series: [{ 
       id: 'animals', 
       data: [[Date.UTC(2014, 7, 29),15], 
       [Date.UTC(2014, 8, 11),11], 
       [Date.UTC(2014, 9, 22),38]], 
      }, 
      { 
       id: 'fruits', 
       data: [ 
        [Date.UTC(2014, 7, 29),15], 
        [Date.UTC(2014, 8, 11),11], 
        [Date.UTC(2014, 9, 22),38] 
       ], 
      } 
     ] 
    }//end drilldown 

};//and options 

var chart = new Highcharts.Chart(options);

}）;

来源

2014-09-19 ITPro

你的代码有很多错误。悬挂逗号，括号不合适，没有drilldown.id，以让图表不会有什么钻取点链接到数据点。首先查看基本钻取示例：http://api.highcharts.com/highcharts#drilldown – wergeld 2014-09-19 18:23:05

感谢您的反馈wergeld！我编辑了代码并添加了深入代码。点击图表进行深入分析时，我仍然没有收到任何回应。编辑好的代码在这里：http://jsfiddle.net/bu2002/352a0zvr/5/ – ITPro 2014-09-19 19:12:52

因为你还没有提供钻取ID。阅读我提供的链接上的文档。 – wergeld 2014-09-19 19:14:10

现在的问题是您正在提供系列上的drilldown.id。你需要做到每点。例如：

series: [{ 
      name: 'Things', 
      colorByPoint: true, 
      data: [{ 
       name: 'Animals', 
       y: 5, 
       drilldown: 'animals' 
      }, { 
       name: 'Fruits', 
       y: 2, 
       drilldown: 'fruits' 
      }, { 
       name: 'Cars', 
       y: 4, 
       drilldown: 'cars' 
      }] 
     }],

像你想在“水果”上一个点的任何明细链接到同一钻系列在我看来。这是可行的：

series: [{ 
    name: 'Fruits', 
    data: [{ 
     x: Date.UTC(2014, 7, 19), 
     y: 12, 
     drilldown: 'fruits' 
    }, { 
     x: Date.UTC(2014, 8, 19), 
     y: 5, 
     drilldown: 'fruits' 
    }, { 
     x: Date.UTC(2014, 9, 19), 
     y: 18, 
     drilldown: 'fruits' 
    }] 
},

查看更新fiddle。

来源

2014-09-19 19:53:43 wergeld

太棒了！这就是我被挂断的地方 - 未能将点击率与钻取结果联系起来。非常感谢wergeld！ – ITPro 2014-09-19 20:42:04

我也想知道问题的第二部分是否可行：**点击水果时，是否可以钻取苹果和桔子的无规图形？这里是我更新的jsfiddle：http://jsfiddle.net/bu2002/352a0zvr/10/ – ITPro 2014-09-20 15:09:44

是的。你让你的向下钻取系列只包含你想要的水果。 – wergeld 2014-09-20 22:42:10

Highchart不规则样条与钻取 - 无法获取向下钻取功能

回答

相关问题