HighCharts가 아무것도 표시되지 않습니다.

주어진 예제를 따랐지만 새 데이터 레이블을 추가 할 때마다 슬라이스로 표시되지 않습니다. 이제는 보여주고 싶은 모든 값과 데이터를 추가했지만 브라우저에는 아무 것도 나타나지 않습니다.HighCharts가 아무것도 표시되지 않습니다.

누군가 추천 할 수 있습니까?

http://jsfiddle.net/LLExL/2466/ 초에

<!DOCTYPE HTML> 
<html> 
    <head> 
     <script type="text/javascript"> 
$(function() { 

     // Radialize the colors 
     Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function(color) { 
      return { 
       radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, 
       stops: [ 
        [0, color], 
        [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken 
       ] 
      }; 
     }); 

     // Build the chart 
     $('#container').highcharts({ 
      chart: { 
       plotBackgroundColor: null, 
       plotBorderWidth: null, 
       plotShadow: false 
      }, 
      title: { 
       text: 'Risk Mitigation' 
      }, 
      tooltip: { 
       pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
      }, 
      plotOptions: { 
       pie: { 
        allowPointSelect: true, 
        cursor: 'pointer', 
        dataLabels: { 
         enabled: true, 
         color: '#000000', 
         connectorColor: '#000000', 
         formatter: function() { 
          return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %'; 
         } 
        } 
       } 
      }, 
      series: [{ 
       type: 'pie', 
       name: 'Industry Distribution', 
       data: [ 
        ['Retail', 8.8], 
        ['Construction',  8.4], 
        { 
         name: 'Technology', 
         y: 9.7, 
         sliced: true, 
         selected: true 
        }, 
        ['Finance', 8.4], 
        ['Automotive', 8.3], 
        ['Restaurant', 8.3] 
        ['Energy', 7.8] 
        ['Medical', 7.0] 
        ['Marketing', 7.0] 
        ['Manufacturing', 6.9] 
        ['Food Distribution', 6.5] 
        ['Gym/Salons', 4.6] 
        ['Home Services', 4.4] 
        ['Travel', 2.5] 
        ['Other Industries', 1.4] 
       ] 
      }] 
     }); 
    }); 


     </script> 
    </head> 
    <body> 
<script src="../../js/highcharts.js"></script> 
<script src="../../js/modules/exporting.js"></script> 

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 

    </body> 
</html>

출처

2014-02-24 JsEveryDay

는 아무것도 아예 표시되지 않습니다? 아니면 새로운 데이터가 표시되지 않습니까? –

전혀 ... 전혀 오류 메시지가 없습니다. – JsEveryDay

문제를 복제하는 jsfiddle을 작성하면 사람들이 기꺼이 도와 드리겠습니다. –

내가 콘솔 오류에 대해 잘 알고에 대한 조언 (개발자 도구) 당신은 당신의 구문이 올바르지 것을 알 줘야 해. 직렬 데이터 객체의 줄 끝 부분에 쉼표가 붙어 있습니다. 올바른 형태

series: [{ 
      type: 'pie', 
      name: 'Industry Distribution', 
      data: [ 
       ['Retail', 8.8], 
       ['Construction',  8.4], 
       { 
        name: 'Technology', 
        y: 9.7, 
        sliced: true, 
        selected: true 
       }, 
       ['Finance', 8.4], 
       ['Automotive', 8.3], 
       ['Restaurant', 8.3], 
       ['Energy', 7.8], 
       ['Medical', 7.0], 
       ['Marketing', 7.0], 
       ['Manufacturing', 6.9], 
       ['Food Distribution', 6.5], 
       ['Gym/Salons', 4.6], 
       ['Home Services', 4.4], 
       ['Travel', 2.5], 
       ['Other Industries', 1.4] 
      ] 
     }]

http://jsfiddle.net/LLExL/2468/

출처

2014-02-24 09:50:28

HighCharts가 아무것도 표시되지 않습니다.

답변

관련 문제