项目中多多少少需要用到一些图表,百度echarts应该是比较不错的选择,开源、容易上手、文档和资料也比较丰富。
第一步:直接来挑模板
打开网址:http://echarts.baidu.com/examples/
一般用到的无非是饼图、柱状图、折线图
第二步:打开模板以及下载模板
随便挑一个饼图:http://echarts.baidu.com/examples/editor.html?c=pie-simple
右下角有download按钮,点击就可以下载,查看完整的例子
第三步:在例子的基础上跟据个人的需要来修改,此时就需要查看API文档的配置项
文档地址:http://echarts.baidu.com/option.html#title
配置项还是挺多的,举几个常用的:
title:图标的标题
legend:图标的组件,看下图
grid:网格图,一般在有横纵坐标的图表中才用到,看下图
xAxis:看到x应该能猜到是跟横坐标相关的属性,如:横坐标线的颜色,横坐标的刻度间隔、颜色、是否显示等
yAxis:纵坐标的相关属性
tooltip:提示框组件,就是鼠标放到饼图上出现的提示框,如下图
series:最为重要的选项,包括选择图标类型、大小、位置、传递数据等等