原創|使用教程|編輯:龔雪|2014-08-13 09:42:15.000|閱讀 928 次
概述:本文講解amCharts Live Editor 圖表嵌入WordPress和其他oEmbed兼容系統的操作步驟。amCharts主要由三款圖表工具組成:amCharts JavaScript Charts、amCharts Javascript Stock Chart、 amCharts JavaScript Maps。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
amCharts Live Editor是amCharts推出的一個在線圖表編輯器,內含豐富圖表庫,可以滿足各種人群使用。
oEmbed是一種可以嵌入第三方圖片、視頻、復雜的網站標識等內容的格式?,F在amCharts已經支持oEmbed,我們只需要放入內容的URL就可以實現在WordPress和其他oEmbed兼容系統嵌入操作。
現在我們就開始講解將amCharts Live Editor 圖表嵌入WordPress和其他oEmbed兼容系統的步驟。
進入amCharts Live Editor,選擇需要模版,創建圖表。
然后,我自己編輯了一個圖表。在編輯中我們可以發現,所有的圖表選項都是可編輯、修改的,感覺相當棒。
在我們發布圖表前,需要保存一下,再勾選"public",再點"save"。
其次選擇"Publish & Share",如下圖:
由于amCharts Live Editor現在是英文版,所以暫時還不支持國內的的社交工具分享,不過不要緊,我們可以直接復制其URL地址,所以打不開facebook、twitter的朋友完全不用擔心,一地那都不會影響我們使用amCharts Live Editor。
下圖為分享后出現的鏈接:
或者,我們直接打開鏈接:
如果你使用amCharts 和 WordPress,那么可以使用amCharts WordPress Plugin,在WordPress編輯器中插入圖表,如下圖:
然后在填出框中輸入之前在分享欄中出現的地址,如下圖:
如果你想編輯顯示的長寬,可以加入一些代碼,如下圖,設置寬為400px,高為300px。
可視化效果
這有點復雜,但還是可以操作。WordPress允許 oEmbed URLs直接嵌入文章內容中。直接在編輯器中復制URL(單獨一行中)或者寫代碼。這里要注意,并不是所有的鏈接都可以在WordPress中展現,他只會展現知名的網站鏈接,如 YouTube、Flickr,其他不知名的將會以鏈接形式出現。
不過,小編給大家支個招,解決這個問題:
第一招:WordPress插件,用過WordPress的朋友們都知道,沒有插件解決不了的問題,所以根據自己的實際情況,去官網搜下,很快就可以解決,也可以參考官方文檔//codex.wordpress.org/Embeds#What_About_oEmbed_Discovery.3F
第二招:添加代碼,讓 Live Editor 成為WordPress可信任地址,復制下面代碼,粘貼到主題文件中:
wp_oembed_add_provider( '//live.amCharts.com/*', '//live.amCharts.com/oembed/' );
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網