百度 ECharts 中的 data 数据如何通过外部数据文件的形式引入？

[gulangyu]

最近对 Python+Flask+ECharts 数据实时可视化感兴趣，很喜欢 Echarts 在数据可视化方面强大的展现力。但最近遇到了一个关于引入外部数据文件的问题，谷歌百度了好久自己没法解决。

在微博点亮中国这个例子中，是直接通过 json 格式导入的。

http://i.imgur.com/DlMgYar.png

但在全国主要城市这个例子中则是把 data = [{name: "海门", value: 9}, ...] 直接放在了 html 文件里。

http://i.imgur.com/DlMgYar.png

如何修改代码能够让全国主要城市这个例子中的 data 数据也通过引入外部数据文件的形式导入。这样的话，我就可以用 Flask 定时修改外部数据文件，让图标中的数据定时更新呢？

ps: 这个 data = [{name: "海门", value: 9}, ...] 好像还不是 json 格式的。那外部数据文件用什么文件格式保存好？

[Arcy]

1：定义一个 js 文件来保存 data 数据，在调用前引入。
2：用 json 保存数据，在调用前转成 js 数组形式再 echart 生成图标时载入。

[gulangyu]

@Arcy 我不会 js，能否帮忙写下 :)

[Koali]

他不同图的 Json 格式是不同，但是可以肯定的是最好传递 json 后面你转数组会容易一点。

[shenyangno1]

ECharts 直接用 json 的格式也是可以的吧？（我只做过简单的柱状图）

[binjjam]

@gulangyu http://gallery.echartsjs.com/editor.html?c=xB1SRBzq6x

[coolyujiyu]

@gulangyu 这个没编程基础真不好搞，基本的 js 还是要会的呀

[gulangyu]

@coolyujiyu 真的是大实话，少了 js，只会 html&css 感觉不方便

[wampyl]

最近看了下 echarts 的，我们是 ajax 定时取 json 数据存在数组中，然后 setOption()。

[wampyl]

@wampyl 我们最近也在做一个简单的图标，用了 echarts。我们参考这个做的 http://echarts.baidu.com/gallery/editor.html?c=doc-example/tutorial-dynamic-data

[gulangyu]

@wampyl 我最近做的一个是用 api 每半小时获取一次天气，用 flask 和 ajax 把数据传入 echarts。后端服务器用 nginx 和 crontab，从而实现动态显示天气。

[gulangyu]

@wampyl api 获取的数据存在数据库

[wampyl]

我们是 js 的 setInteval 函数跑 ajax 每分钟取数据，然后用 echarts 的 setOption()渲染。实现动态显示的效果。基本是按照上面那个官方 demo 写的。

[wampyl]

@gulangyu 感觉你们的需求也可以这样实现。

[Koali]

可以看这一篇文章 http://www.jianshu.com/p/4fc7cf6b99c6

[gulangyu]

@wampyl 对，我也是用 setInterval +ajax 来定时刷新局部页面 (也就是 echarys 图片框)

[symons]

@gulangyu 不会的话，学一下不就好啦