하이 차트 막대 차트를 작성하는 방법

하이 차트를 사용하여 막대 차트를 작성하려고합니다.하이 차트 막대 차트를 작성하는 방법

<div id="login" style="width:700px; height:300px;"></div>

나도 오류없이 차트를 참조 해달라고 :

[{"name":"logon","pointStart":Date.UTC(2011, 1, 1),"pointInterval":30 * 24 * 3600 * 1000,"data":[284697404,268944957,297847827,287150001,277779620,262275285]}]

이는 HTML입니다 :

function monthly_web_login() { 

     $.getJSON('monthly_web_login.php', function(data) { 

     var chart = new highcharts({ 
     chart: { 
       borderColor: '#98AFC7', 
       borderRadius: 20, 
       borderWidth: 1, 
       renderTo: 'login', 
       type: 'bar', 
       marginRight: 10, 

      }, 

      exporting: { 
      enabled: true 
     }, 
      rangeSelector: { 
       enabled:false    
      }, 

      scrollbar: { 
        enabled: false 
        }, 
      navigator : { 
       enabled : false 
      }, 
      xAxis: { 
      type: 'datetime', 
      tickInterval: 30 * 24 * 3600 * 1000, // 6 months month 
      dateTimeLabelFormats: { 
       millisecond: '%H:%M:%S.%L', 
       second: '%H:%M:%S', 
       minute: '%H:%M', 
       hour: '%H:%M', 
       day: '%e. %b', 
       week: '%e. %b', 
       month: '%b', 
       year: '%Y' 
      } 
     }, 
      yAxis: { // Primary yAxis 
       labels: { 
        style: { 
         color: 'blue' 
        } 
       }, 
       gridLineColor: '#197F07', 
       gridLineWidth: 0, 
       title: { 
        text: 'Monthly Logons', 
        style: { 
         color: 'blue' 
        } 
       } 
      }, 

      credits: { 
       enabled: false 
      }, 

      title: { 
       text: 'TOTAL MONTHLY LOGONS', 
       style: { 
        color: '#333000', 
        fontSize: '14px' 
       } 
      }, 

      tooltip: { 
       pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y} </b><br>', 
       valueDecimals: 2 
      }, 
      series: data 


    }); 
    }); 
}

이 내 JSON 파일입니다 : 이것은 내 기능입니다. 어떤 아이디어, 내가 여기서 뭘 잘못하고있는거야?

출처

2013-09-04 user1471980

콘솔 로그를 보았습니까? ReferenceError : 변수를 찾을 수 없습니다 : highcharts –

@BarbaraLaird, 오류 및 차트가 없습니다. – user1471980

오류가없는 경우 코드가이 줄에 표시되지 않는 것일 가능성이 높습니다. var chart = new highcharts ({어떻게 monthly_web_login을 호출하고 있습니까? 'monthly_web_login.php'가 성공적으로 반환됩니까? 코드에서 해당 지점에 도달했는지 확인하기 위해 highcharts를 호출하기 바로 전에 console.log –

차트를 DOM 요소와 연결하는 것처럼 보이지 않습니다.

대신 :

var chart = new highcharts({})...

시도 :

var chart = $('#login').highcharts({})...

는 약간의 수정과 코드를 사용하여 작업을 예를 들어이 jsfiddle (http://jsfiddle.net/pSTcC/)를 참조하십시오.

출처

2013-09-04 15:53:28

jQuery에서 호출하는 방법을 사용하지 않으려면 var chart = new Highcharts.Chart ({...}); –

I 둘 다 시도, 난 여전히 내 브라우저에 아무런 차트도 보이지 않는 오류. – user1471980

답변으로 표시되어 있지만 댓글에 달리 명시되어 있습니다. 귀하의 div 너비와 높이가 있습니까? 실행 중인지 확인하기 위해 다양한 지점에서 콘솔 로그를 추가 할 수 있습니까? – Phix

하이 차트 막대 차트를 작성하는 방법

답변

관련 문제