彩票走势图

amCharts Live图表嵌入WordPress和其他oEmbed兼容系统教程

原创|使用教程|编辑:龚雪|2014-08-13 09:42:15.000|阅读 859 次

概述:本文讲解amCharts Live Editor 图表嵌入WordPress和其他oEmbed兼容系统的操作步骤。amCharts主要由三款图表工具组成:amCharts JavaScript Charts、amCharts Javascript Stock Chart、 amCharts JavaScript Maps。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

amCharts Live Editor是amCharts推出的一个在线图表编辑器,内含丰富图表库,可以满足各种人群使用。

oEmbed是一种可以嵌入第三方图片、视频、复杂的网站标识等内容的格式。现在amCharts已经支持oEmbed,我们只需要放入内容的URL就可以实现在WordPress和其他oEmbed兼容系统嵌入操作。

现在我们就开始讲解将amCharts Live Editor 图表嵌入WordPress和其他oEmbed兼容系统的步骤。

所需工具:

步骤一:创建图表

进入amCharts Live Editor,选择需要模版,创建图表。

amcharts Live Editor

然后,我自己编辑了一个图表。在编辑中我们可以发现,所有的图表选项都是可编辑、修改的,感觉相当棒。

amcharts Live Editor

在我们发布图表前,需要保存一下,再勾选"public",再点"save"。

amcharts Live Editor

其次选择"Publish & Share",如下图:

amcharts Live Editor

由于amCharts Live Editor现在是英文版,所以暂时还不支持国内的的社交工具分享,不过不要紧,我们可以直接复制其URL地址,所以打不开facebook、twitter的朋友完全不用担心,一地那都不会影响我们使用amCharts Live Editor。

下图为分享后出现的链接:

amcharts Live Editor

或者,我们直接打开链接:

amcharts Live Editor

步骤二:使用amCharts WordPress Plugin嵌入图表

如果你使用amCharts 和 WordPress,那么可以使用amCharts WordPress Plugin,在WordPress编辑器中插入图表,如下图:

amcharts wordpress

然后在填出框中输入之前在分享栏中出现的地址,如下图:

amcharts wordpress

如果你想编辑显示的长宽,可以加入一些代码,如下图,设置宽为400px,高为300px。

amcharts wordpress

可视化效果

amcharts wordpress

步骤三:无amCharts WordPress Plugin嵌入图表

这有点复杂,但还是可以操作。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/' );

标签:JavaScript HTML5图表地图WordPress

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP