highcharts和wordpress

有人可以概述向Wordpress添加高价图表的步骤。

例如,我在代码中添加了我的标题:

  

但这会导致服务器错误。

是否有任何人可以提供的步骤,包括基本图表,所以我可以看到它的工作。 谢谢。

在错误的标签上按下post! 忽略以前不完整的答案。 这更全面。 缺口。

嗨 – 我遇到了与Wordpress删除大量HTML标签相同的问题。 你需要做一些下面提到的事情。 希望它能帮到你。 缺口。

1)你需要绕过Wordpress剥离你的代码,所以安装插件“允许Javascript in Posts and Pages”checkout hitreach.co.uk for the plugin。

2)告诉你关于highcharts库的页面 – 我实际上把它放在我的header.php中,因为我经常使用图表。 你可能更愿意把它放在post里。

对于header.php方法 – 在结束头标记之前放置一个指向highcharts库的链接。 我把jquery链接和highstock.js链接在那里。 当然,我必须将js库放在我的服务器上。 我把链接放在这里

   

请注意,我必须在我的服务器上安装highstock.js文件 – 第二个链接显示我放置它的位置。

3)创建一个新post,在那里你需要用这些新标签包装js代码:

 [js] Your JS Code [/js] 

[js]标签有效地替换了常规html中的脚本标签。

这是完整的post……

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