amCharts Live Editor是amCharts推出的一個在線圖表編輯器，內(nèi)含豐富圖表庫，可以滿足各種人群使用。

oEmbed是一種可以嵌入第三方圖片、視頻、復雜的網(wǎng)站標識等內(nèi)容的格式。現(xiàn)在amCharts已經(jīng)支持oEmbed，我們只需要放入內(nèi)容的URL就可以實現(xiàn)在WordPress和其他oEmbed兼容系統(tǒng)嵌入操作。

現(xiàn)在我們就開始講解將amCharts Live Editor 圖表嵌入WordPress和其他oEmbed兼容系統(tǒng)的步驟。

所需工具：

步驟一：創(chuàng)建圖表

進入amCharts Live Editor，選擇需要模版，創(chuàng)建圖表。

然后，我自己編輯了一個圖表。在編輯中我們可以發(fā)現(xiàn)，所有的圖表選項都是可編輯、修改的，感覺相當棒。

在我們發(fā)布圖表前，需要保存一下，再勾選"public"，再點"save"。

其次選擇"Publish & Share"，如下圖：

由于amCharts Live Editor現(xiàn)在是英文版，所以暫時還不支持國內(nèi)的的社交工具分享，不過不要緊，我們可以直接復制其URL地址，所以打不開facebook、twitter的朋友完全不用擔心，一地那都不會影響我們使用amCharts Live Editor。

下圖為分享后出現(xiàn)的鏈接：

或者，我們直接打開鏈接：

步驟二：使用amCharts WordPress Plugin嵌入圖表

如果你使用amCharts 和 WordPress，那么可以使用amCharts WordPress Plugin，在WordPress編輯器中插入圖表，如下圖：

然后在填出框中輸入之前在分享欄中出現(xiàn)的地址，如下圖：

如果你想編輯顯示的長寬，可以加入一些代碼，如下圖，設置寬為400px，高為300px。

可視化效果

步驟三：無amCharts WordPress Plugin嵌入圖表

這有點復雜,但還是可以操作。WordPress允許 oEmbed URLs直接嵌入文章內(nèi)容中。直接在編輯器中復制URL（單獨一行中）或者寫代碼。這里要注意，并不是所有的鏈接都可以在WordPress中展現(xiàn)，他只會展現(xiàn)知名的網(wǎng)站鏈接，如 YouTube、Flickr，其他不知名的將會以鏈接形式出現(xiàn)。

不過，小編給大家支個招，解決這個問題：

第一招：WordPress插件，用過WordPress的朋友們都知道，沒有插件解決不了的問題，所以根據(jù)自己的實際情況，去官網(wǎng)搜下，很快就可以解決，也可以參考官方文檔//codex.wordpress.org/Embeds#What_About_oEmbed_Discovery.3F

第二招：添加代碼，讓 Live Editor 成為WordPress可信任地址,復制下面代碼，粘貼到主題文件中：

wp_oembed_add_provider( '//live.amCharts.com/*', '//live.amCharts.com/oembed/' );