2014-02-27 40 views
1

我正在使用Highcharts製作我的第一個向下鑽取圖表,並且我剛剛安裝了鑽取內置支持的3.09版本。深入圖表將成爲已包含多個圖表的頁面的一部分。所有圖表都有3個系列(州,地區,子區域),數據動態填充。Highcharts 3.08與多個父級系列的向下鑽取

問題是下鑽模塊似乎不支持多個父級系列。就我而言,如果我點擊某個特定系列的列(例如State),那麼State系列將消失,並且其下鑽將出現,但其他系列(區域,子區域)仍然顯示,並且圖形不會顯示那麼沒有任何意義。看到這個jsFiddle:http://jsfiddle.net/jmunger/6bBzt/

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'column' 
      }, 
      title: { 
       text: 'Monthly Average Rainfall' 
      }, 
      subtitle: { 
       text: 'Source: WorldClimate.com' 
      }, 
      xAxis: { 
       categories: [ 
        'CAT 1', 
        'CAT2' 
       ] 
      }, 
      yAxis: { 
       min: 0, 
       title: { 
        text: 'Rainfall (mm)' 
       } 
      }, 
      tooltip: { 
       headerFormat: '<span style="font-size:10px">{point.key}</span><table>', 
       pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' + 
        '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>', 
       footerFormat: '</table>', 
       shared: true, 
       useHTML: true 
      }, 
      plotOptions: { 
       column: { 
        pointPadding: 0.2, 
        borderWidth: 0 
       } 
      }, 
      series: [{ 
       name: 'Tokyo', 
       data: [{y:49.9, drilldown:'tokyo 1'}, {y:71.5, drilldown:'tokyo 2'}] 

      }, { 
       name: 'New York', 
       data: [{y:49.9, drilldown:'ny 1'}, {y:71.5, drilldown:'ny 2'}] 

      }], 
      drilldown:{ 
       series: [{ 
        id: 'tokyo 1', 
        data: [{y:39.9, name:'name1'}, {y:31.5, name:'name2'}] 

       }, { 
        id: 'tokyo 2', 
        data: [{y:39.9, name:'name1'}, {y:31.5, name:'name2'}] 

       }, 
       { 
        id: 'ny 1', 
        data: [{y:39.9, name:'name1'}, {y:31.5, name:'name2'}] 

       }, { 
        id: 'ny 2', 
        data: [{y:39.9, name:'name1'}, {y:31.5, name:'name2'}] 

       }] 
       } 
     }); 
    }); 

我如何確保在執行向下鑽取時隱藏所有父級系列,並且在鑽取時能夠正確恢復它們?

回答

3

這是3.0.8和3.0.9深入版本的bug。它已經固定在主分支上,請參閱:http://jsfiddle.net/6bBzt/1/

<script src="http://github.highcharts.com/highcharts.js"></script> 
<script src="http://github.highcharts.com/modules/exporting.js"></script> 
<script src="http://github.highcharts.com/modules/drilldown.js"></script> 
+0

謝謝。藉助新的深入內置支持,您是否知道是否有一種簡單的方法可以爲深入分析系列設置不同的類別,還是必須爲此創建一個函數? –

+1

根據演示:http://www.highcharts.com/demo/column-drilldown - 點名= xAxis類別,請參閱:http://jsfiddle.net/6bBzt/2/ –