echarts折线图背景线_echarts

在发现echarts的时候我觉得我好像找到了宝藏，以前觉得图表都是手写的...

一、echarts：

Apache ECharts​echarts.apache.org

这个地址，最好背下来。是由百度的一个团队写的可视化图表，封装了很多的api，日常使用也是非常的方便，相对于D3的全英文文档，echarts可以说是很友好了。

看他的主页，很炫酷的，有木有？？

这里面可以用的图表还是很齐全的，很喜欢他的实例，你可以直接改代码，而且在配置项手册，可以搜到你想要的配置，有些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是你根本想象不到的，但是你要肯定，这个功能他肯定是有的，只是你要在文档里面慢慢找，而且有的时候写的地方不对也会导致效果失败的，所以重点就是，用的时候看文档。

完。