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不規則樣條與鑽取 - 無法獲取向下鑽取功能

回答

相關問題