0

有人可以概述将 highcharts 添加到 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 文件——第二个链接显示了我放置它的位置。

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