間違ったタブに投稿を押した!以前の不完全な回答を無視します。これはより充実しています。ニック。
こんにちは - Wordpress が多くの HTML タグを取り除くのと同じ問題がありました。以下で説明するいくつかのことを行う必要があります。お役に立てば幸いです。ニック。
1)Wordpress をバイパスしてコードを削除する必要があるため、プラグイン「投稿とページで Javascript を許可する」チェックアウト hitreach.co.uk をプラグイン用にインストールします。
2) あなたのページに highcharts ライブラリについて教えてください - 私はチャートを頻繁に使用するので、実際にはこれを私の header.php に入れました。投稿自体に入れることをお勧めします。
header.php アプローチの場合 - 終了 head タグの前に highcharts ライブラリへのリンクを配置します。そこに jquery リンクと highstock.js リンクの両方を配置しました。もちろん、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>
サーバーに highstock.js ファイルを配置する必要があることに注意してください。2 番目のリンクは、ファイルを配置した場所を示しています。
3) 新しい投稿を作成し、そこでこれらの新しいタグで js コードをラップする必要があります。
[js] Your JS Code [/js]
[js] タグは、通常の html の script タグを効果的に置き換えます。
これが完全な投稿です...
[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>