Highchart IRREGULAR Spline с детализацией - не может получить функционал детализации

Question

Я вытаскиваю свои волосы, пытаясь получить этот высокочастотный сплайн с нерегулярным сплайном с детализацией и не мог получить детализацию для работы. Я новичок в highcharts, и я думаю, что это может быть связано с моим синтаксисом. Я ссылался на API и пробовал несколько методов без везения.

Проблема: я хотел получить нерегулярный сплайн, чтобы показать количество фруктов по месяцам. Затем развертка показала бы количество видов фруктов (яблоки и апельсины). Я могу показать количество фруктов, но развертка не работает.

коды ниже, а также здесь: http://jsfiddle.net/bu2002/352a0zvr/2/

Благодарит так много все !!!

$ (документ) .ready (функция() {

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); 

});

Answer 1

Проблема в том, что вы предоставляете 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.