Highcharts에서 JSON 호출을 사용하여 데이터를 동적으로로드하는 방법 파이 차트 드릴 다운?

Question

동적 데이터로 드릴 다운해야하는 그래프 작업 중입니다. 먼저 정적 드릴 다운 데이터를로드하려고 시도했으며 그래프가 완벽하게 작동했습니다. 하지만 동적으로 데이터를로드해야합니다. JSON 호출을 사용하여 지정된 "포인트 이름"(선택된 파이 차트 지점)을 사용하여 서버에서 데이터를 가져옵니다. 처음로드 할 때 시리즈 차트 데이터를 원형 차트로 표시하는 데는 문제가 없습니다. 그러나 원형 차트 개체를 클릭하면 서버 호출을 수신하고 데이터를 JSON 응답으로 받지만 원형 차트는 업데이트되지 않습니다. 또한 내비게이션을 유지해야하므로 언제든지 앞으로 또는 뒤로 이동할 수 있습니다.

아래의 코드를 사용하고 있지만 여러 수준의 원형 차트로 작동하지 않습니다. 누구나 동일하게 수행 한 사람이 누구이며 코드를 검토하고 어떻게 할 수 있는지 제안 할 수 있습니다.

 var options = { 
      chart: { 
       renderTo: 'chart_divDrillDownGraph', 
       type: 'pie', 
       events: { 
        drilldown: function (e) { 
         if (!e.seriesOptions) { 
          if (!e.seriesOptions) { 
           $.get("http://localhost:54877/GetStats.aspx?key=drilldownGraph&selectedPointName=" + e.point.name, function (data) { 
            this.addSeriesAsDrilldown(e.point, data); 
           }); 
          } 
         } 
        } 
       } 
      }, 
      title: { 
       text: 'Report of March 2017' 
      }, 
      subtitle: { 
       text: 'Click the slices to view details.' 
      }, 
      plotOptions: { 
       series: { 
        dataLabels: { 
         enabled: true, 
         format: '{point.name}: {point.y:.1f}<span style="unicode-bidi: bidi-override;">%</span>' 
        } 
       } 
      }, 

      tooltip: { 
       headerFormat: '<span style="font-size:11px">{series.name}</span><br>', 
       pointFormat: '<span style="color:{point.color}">{point.name}</span><span style="unicode-bidi: bidi-override;">: <b>{point.y:.2f}%</b> of total</span><br/>' 
      }, 
      series: [{}], 

      drilldown: { 
      } 
     }; 

     if (this.name != "undefined" && this.name != null) 
      selectedlevelName = this.name; 
     else 
      selectedlevelName = ""; 

     var url = "http://localhost:54877/GetStats.aspx" + "?key=drilldownGraph&selectedPointName=" + selectedlevelName; 
     $.getJSON(url, function(data) { 
      options.series[0].data = data; 
      var chart = new Highcharts.Chart(options); 
     }); 

하지만 난이 높은 차트이 키워드가 참조하지 않습니다 아약스 요청에 http://code.highcharts.com/highcharts.js http://code.highcharts.com/modules/drilldown.js

Answer 1

의 JS를 다음 사용하고

TypeError: this.addSeriesAsDrilldown is not a function

오류 아래에 무엇입니까 도표. ajax 호출에서 차트를 참조해야합니다.

events: { 
       drilldown: function (e) { 
         if (!e.seriesOptions) { 
          var chart = this; 

          $.get("http://localhost:54877/GetStats.aspx?key=drilldownGraph&selectedPointName=" + e.point.name, function (data) { 
           chart.addSeriesAsDrilldown(e.point, data); 
          }); 
         } 
       } 
      } 

나머지 옵션이 올바른지 -하지만 데이터가 적절한 드릴 다운 구성을해야한다 - 데이터가 같이하는 방법 Highcharts async multi level drill down에서 답변을 살펴. 답장을 보내