드릴 다운 기능이있는 하이라이트 차트 스플라인 - 드릴 다운 기능을 사용할 수 없습니다.

Question

드릴 다운으로이 highcharts 불규칙 스플라인을 얻으려고 할 때 내 머리를 잡아 당겨서 드릴 다운 기능을 사용할 수 없습니다. 나는 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을 참조하십시오.