하이 차트 및 워드 프레스

Question

누군가가 워드 프레스에 하이 차트를 추가하는 단계를 설명 할 수 있습니까?

예를 들어, 내 헤더에 코드를 추가 한 :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 

하지만이 서버 오류를 제공합니다.

누군가가 기본 차트를 포함하여 제공 할 수있는 단계별 단계가 있으므로 작동하는 것을 볼 수 있습니다. 감사.

Answer 1

잘못된 탭에 게시 된 소식! 이전 불완전한 대답을 무시하십시오. 이것은 더 풀립니다. 새긴 ​​금.

안녕하세요 - 저는 Wordpress에서 많은 HTML 태그를 제거하는 것과 같은 문제가있었습니다. 아래 언급 된 몇 가지 작업을 수행해야합니다. 희망이 당신을 돕는다. 새긴 ​​금.

1) 플러그인을 설치하려면 Wordpress에서 코드를 제거해야합니다. "플러그인에서 Post and Pages에 Javascript 허용"체크 아웃 코드를 입력하십시오.

2) 차트를 자주 사용하기 때문에 highcharts 라이브러리에 대한 정보를 제게 header-php에 넣습니다. 게시물 자체에 넣는 것을 선호 할 수 있습니다.

header.php 접근법 - 닫는 head 태그 앞에 highcharts 라이브러리에 대한 링크를 지정하십시오. jquery 링크와 highstock.js 링크를 모두 넣었습니다. 내 서버에 js 라이브러리를 넣어야했습니다. 내가 어디에 두 번째 링크를 보여줍니다 - 나는 내가 highstock.js 내 서버에 파일을 가지고 있었다이

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"  type="text/javascript"></script> 
<script src="http://www.yourdomain.com/wp-content/plugins/highcharts/js/highstock.js" type="text/javascript"></script> 

공지 사항과 같은 링크를 넣어.

3) 새로운 게시물을 작성하고 거기에 당신이 새로운 태그와 JS 코드를 포장해야합니다 :

[js] Your JS Code [/js] 

에서 [JS] 태그 효과적으로 일반 HTML에 스크립트 태그를 교체합니다.

여기에 전체 게시물은 ...

[js] 

    $(function() { 
$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=aapl-  c.json&callback=?', function(data) { 

    // Create the chart 
    window.chart = new Highcharts.StockChart({ 
     chart : { 
      renderTo : 'container' 
     }, 

     rangeSelector : { 
      selected : 1 
     }, 

     title : { 
      text : 'AAPL Stock Price' 
     }, 

     series : \[{ 
      name : 'AAPL Stock Price', 
      data : data, 
      marker : { 
       enabled : true, 
       radius : 3 
      }, 
      shadow : true, 
      tooltip : { 
       valueDecimals : 2 
      } 
     }\] 
    }); 
    }); 
}); 

[/js] 

<div id="container" style="width: 100%; height: 400px"></div>