一些echarts绘图的简单例子

Posted lxy02

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一些echarts绘图的简单例子相关的知识,希望对你有一定的参考价值。

  有时候绘制一些图形,上网找的例子给的都好复杂,所以我在下面就弄了一些简单的例子,会给出最基本的option构造。绘制出来的图形颜色我特意设置了一些不大好看的颜色,这样毕竟好区分嘛。
毕竟,只要知道了最基本的option构造,代码写起来都不是问题哈。
  我在未来有可能会陆陆续续进行补充。

  可以打开这个echarts的官网链接:http://gallery.echartsjs.com/editor.html?c=xr1vmCGDBz,把下面对应例子中的代码替换掉原来的代码,刷新就可以看到结果

1、在地图上绘制流向图

绘制地图前不要忘了引入echarts里的相关的地图文件,例如中国就引入: import ‘echarts/map/js/china‘;

技术分享图片地图上的流向图

2、在地图上绘制柱状图

技术分享图片地图上的柱状图

 




以上是关于一些echarts绘图的简单例子的主要内容,如果未能解决你的问题,请参考以下文章

Echart的简单例子

在JSP中使用Echarts的简单例子

Echarts百度Echarts的使用入门+两个简单的小例子+心得

简单的 "双缓冲" 绘图的例子

echarts作广东省地图数据可视化的例子

简单的 "双缓冲" 绘图的例子(研究一下)