治疗技术焦虑的方法就是学习!

使用Echarts生成图表

前端 李新广 1105℃ 0评论

Echarts首页:http://echarts.baidu.com/index.html
Echarts是一款非常好用的图表生成工具,这里以常用的饼图和柱状图为例讲一下Echarts的简单使用
以下是生成饼图的代码:


在实际项目中我们需要的数据从后台数据库获取的

然后定义两个数组来储存从json中解析的数据

接下来配置


将a,b两个数组放到配置文件中


然后再定义一个id为‘main’的div


引入echarts的js库

做完这些就可以生成饼图了。

下面贴上柱状图的代码,配置方法与上面一样


转载请注明:大道至简 » 使用Echarts生成图表

喜欢 (1)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址