같은 JS highcharts는 지금은 아래와 같이 JS 코드를 생성, 내가 날짜를 표시하는 highcharts를 사용하는 것과 동일한

하지 표시 :같은 JS highcharts는 지금은 아래와 같이 JS 코드를 생성, 내가 날짜를 표시하는 highcharts를 사용하는 것과 동일한

이

$(function() { 
    var chart; 
    $(document).ready(function() { 
      chart = new Highcharts.Chart({ 
        chart: { 
         renderTo: 'container', 
         type: 'column', 
         borderWidth: 1 
        }, 
        title: { 
         text: '终端类型统计' 
        }, 
        xAxis: { 
         categories: ['Apple', 'Samsung Electronics Co.,Ltd', 'HTC Corporation', 'Hon Hai Precision Ind. Co.,Ltd.', 'Intel Corporate', 'Xiaomi Technology,Inc.', 'Liteon Technology Corporation', 'Huawei Technologies Co., Ltd', 'Murata Manufactuaring Co.,Ltd.', 'Azurewave Technologies, Inc.', 'Huawei Device Co., Ltd', 'zte corporation', 'Lenovo Mobile Communication Technology Ltd.', 'GUANGDONG OPPO MOBILE TELECOMMUNICATIONS CORP.,LTD.', 'Azurewave', 'XIAOMI CORPORATION', 'Sony Ericsson Mobile Communications AB', 'Yulong Computer Telecommunication Scientific(shenzhen)Co.,Lt', 'AcSiP Technology Corp.', 'BBK Electronics Corp., Ltd.', '其他'], 
         labels: { 
          rotation: -25, 
          align: 'right', 
          style: { 
           fontSize: '13px', 
           fontFamily: 'Verdana, sans-serif' 
          } 
         } 
        }, 
        yAxis: { 
         title: { 
          text: '数据统计' 
         } 
        }, 
        plotOptions: { 
         column: { 
          colorByPoint: true, 
          dataLabels: { 
           enabled: true, 
           rotation: -90, 
           y: 25, 
           color: '#F4F4F4', 
           formatter: function() { 
            return Highcharts.numberFormat(this.y, 0); 
           }, 
           x: 10, 
           style: { 
            fontWeight: 'bold' 
           } 
          } 
         } 
        }, 
        lang: { 
         decimalPoint: '.', 
         downloadPNG: '下载PNG图片', 
         downloadJPEG: '下载JPG图片', 
         downloadPDF: '下载PDF文件' 
        }, 
        series: [{ 
          showInLegend: false, 
          data: [581476, 407696, 277894, 247696, 168586, 138802, 126082, 93168, 76234, 51568, 51512, 50654, 49026, 47092, 44944, 43188, 41268, 40900, 39408, 38172, 580090], 
          dataLabels: { 
           enabled: true, 
           rotation: -90, 
           color: '#FFFFFF', 
           align: 'right', 
           x: -3, 
           y: 10, 
           formatter: function() { 
            return this.y; 
           }, 
           style: { 
            fontSize: '13px', 
            fontFamily: 'Verdana, sans-serif' 
           } 
          } 
         } 
        ] 
       }); 
     }); 
})

그것은 this 같이 표시되어야하지만,이 같은 내 페이지에서 [디스플레이 ] 예 : 8 (https://i.minus.com/irfUdeWCLEGPD.png)! 아이디어가 있으십니까?
ps :, : FireFox에서 정상적으로 작동합니다.

출처

2013-05-27 Techen

내 눈 !!! 제발, 그 코드를 수정하십시오. –

아마도 당신의 CSS에 상충되는 클래스가 있습니다 –

두 페이지 모두 동일한 코드를 사용합니까? jsfiddle.net이 아닌 웹 페이지에서 소스를 살펴볼 수 있습니까? –

피들 (Fiddle)이 작동하는 경우 코드를 다시 확인하십시오.이 경우 도움이되기 때문에 코드를 다시 확인하십시오. Chrome 콘솔이나 방화범이 켜져 있는지 확인하고 페이지의 다른 자바 스크립트 코드가 간섭하지 않는지 확인하십시오.

http://json.parser.online.fr/에 따르면 그래프에서 사용하는 JSON 개체는 괜찮습니다. 적어도 나는 이상한 것을 발견 할 수 없다. 같은 Highcharts 버전을 사용합니까?

출처

2013-05-27 10:22:35

같은 JS highcharts는 지금은 아래와 같이 JS 코드를 생성, 내가 날짜를 표시하는 highcharts를 사용하는 것과 동일한

답변

관련 문제