0

ハイチャートをWordpressに追加する手順の概要を教えてください。

たとえば、コードをヘッダーに追加しました。

<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>

ただし、これによりサーバーエラーが発生します。

基本的なチャートを含め、誰でも提供できるステップバイステップはありますか? ありがとう。

4

1 に答える 1

3

間違ったタブに投稿を押した！以前の不完全な回答を無視します。これはより充実しています。ニック。

こんにちは - 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>
于 2013-03-14T18:22:51.910 に答える