하이 차트가 표시되지 않습니다.

-1

하이 차트를 표시하기 위해 다음 파일을 사용했습니다. 하지만 아무것도 표시하지 않습니다. 누구든지 실수를 저에게 지적 할 수 있습니까? 방금 코드를 사용했습니다 here 자바 스크립트 가져 오기 순서가 맞습니까? 누구든지 하이 차트를 표시하기 위해이 HTML을 수정하도록 도와주세요.하이 차트가 표시되지 않습니다.

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"  type="text/javascript"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 
<script src="http://code.highcharts.com/stock/highstock.js"></script> 

<script> 
$(function() { 
    $(document).ready(function() { 
     Highcharts.setOptions({ 
      global: { 
       useUTC: false 
      } 
     }); 

     var chart; 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'ohlc', 
       marginRight: 10, 
       events: { 
        load: function() { 

         // set up the updating of the chart each second 
         var series = this.series[0]; 
         setInterval(function() { 

          var x = (new Date()).getTime(); 

          series.addPoint([ 
          x, 
          Math.random()*100, 
          Math.random()*100, 
          Math.random()*100, 
          Math.random()*100 
          ], true, true); 
         }, 1000); 
        } 
       } 
      }, 
      title: { 
       text: 'Live random data' 
      }, 
      xAxis: { 
       type: 'datetime', 
       tickPixelInterval: 150 
      }, 
      yAxis: { 
       title: { 
        text: 'Value' 
       }, 
       plotLines: [{ 
        value: 0, 
        width: 1, 
        color: '#808080'}] 
      }, 
      tooltip: { 
       formatter: function() { 
        return '<b>' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' + Highcharts.numberFormat(this.y, 2); 
       } 
      }, 
      legend: { 
       enabled: false 
      }, 
      exporting: { 
       enabled: false 
      }, 
      series: [{ 
       name: 'Random data', 
       type: 'ohlc', 
       data: (function() { 
        // generate an array of random data 
        var data = [], 
         time = (new Date()).getTime(), 
         i; 

        for (i = -19; i <= 0; i++) { 
         data.push([ 
          time + i * 1000, 
          Math.random()*100, 
          Math.random()*100, 
          Math.random()*100, 
          Math.random()*100 
          ]); 
        } 
        return data; 
       })()}] 
     }); 
    }); 

}); 
</script> 
</head> 
<body> 

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

출처

2015-02-04 Channa

콘솔을 확인해야합니다. http://www.highcharts.com/errors/17 - * "요청한 시리즈 유형이 존재하지 않습니다"*. 시리즈 유형을 * "line"*로 변경하면 ~ http://jsfiddle.net/7utv77xy/1/ – Phil

이되지만 여기서는 잘 작동합니다. http://jsfiddle.net/jugal/SykAf/ – Channa

@Chann 예 highcharts.js 파일은 포함되지 않습니다. 네가 필요 없다고 생각해. 여기에 작업 버전 ~ http://jsfiddle.net/7utv77xy/2/ – Phil

자바 스크립트 콘솔이 정의되지 않은 기능을 말하고 있습니다. 익스포트 스크립트 위에 highstock 스크립트를 놓았을 때 jsfiddle와 같이 링크하면 잘 동작합니다.

출처

2015-02-04 04:41:07

Highstock에서만 지원되는 serie OHLC를 참조하는 것이 문제입니다. 따라서 highstock.js를 부착해야합니다.

출처

2015-02-04 12:45:48

하이 차트가 표시되지 않습니다.

답변

관련 문제