![9239fe8a5f6ebf8912e560f5f672810c.png](https://i-blog.csdnimg.cn/blog_migrate/bbafa4413a809d0cc346b41c882aef87.jpeg)
在发现echarts的时候我觉得我好像找到了宝藏,以前觉得图表都是手写的...
一、echarts:
Apache EChartsecharts.apache.org![e0dedc8555b2d7cda1d80e20ac213c70.png](https://i-blog.csdnimg.cn/blog_migrate/60376e0698e5fb979571c13c1dcdc257.png)
这个地址,最好背下来。是由百度的一个团队写的可视化图表,封装了很多的api,日常使用也是非常的方便,相对于D3的全英文文档,echarts可以说是很友好了。
![8dfe066c9b5b3ab66d2ae07fe1561c6c.png](https://i-blog.csdnimg.cn/blog_migrate/d99774bb3d82c2199dfbd7075e7dd897.jpeg)
看他的主页,很炫酷的,有木有??
![17f76fe0b663665a147c1d22da5e441c.png](https://i-blog.csdnimg.cn/blog_migrate/43673965d89220e3897c279d103621eb.jpeg)
这里面可以用的图表还是很齐全的,很喜欢他的实例,你可以直接改代码,而且在配置项手册,可以搜到你想要的配置,有些api你可能想多想不到,哈哈哈,所以用的时候还是需要看文档的。
二、使用小技巧
1、如果要去除两边的空白:
grid:{
left:0,
right:0,
top:0,
bottom:0,
},
2、要隐藏x轴或者y轴(默认是true)
yAxis: { //在你要隐藏的轴下面写
show:false,
},
这个是真的没有想到的,在看了文档后发现的。
3、控制你要的形状
type: "line", "bar","pie","scatter",
折线图、柱状图、饼图、散点图...
4、折线图想要改变点的大小
series: [{
symbolSize:10,
}]
因为这个找了很久才找到...记录一下
5、数据的点击小点点想要实心的:
symbol: "circle",
这个是真的没有想到,我以为是改背景,这个找了很久。
三、使用的时候多看文档
其实很多api是你根本想象不到的,但是你要肯定,这个功能他肯定是有的,只是你要在文档里面慢慢找,而且有的时候写的地方不对也会导致效果失败的,所以重点就是,用的时候看文档。
完。