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