echarts-基本实例、常见参数配置

1、基本实例可以去看官网。

2、图表是否需要网格线，需要看产品需求而定。

去掉网格中的垂直线，只需在xAxis中加入splitLine属性的设置show:false，需要加网格线只需show:true

3、自定义线条、数据点样式：

折线图的线条颜色应该是在lineStyle里，在item是指每个数据点上的图标，默认是个小圆点，改个形状就清楚了，下面代码给数据点和颜色都上了色，应该能看清楚了

        symbol:'arrow', //图标形状        symbolSize:60,  //图标尺寸        itemStyle:{            normal:{                color: "#F00" //图标颜色            }        },        lineStyle:{            normal:{                width:10,  //连线粗细                color: "#0F0"  //连线颜色            }        }

itemStyle、lineStyle 在配置对象中的位置看下方代码：

    xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
     },
    series: [{
name: '邮件营销',

type: 'line',

smooth:true, //折线是否以曲线显示

stack: '总量',//注意：加上此参数会使 拐点数据与Y轴刻度值不符（当前值=之前纵向轴上的值+当前值），文档中对此参数解释为 数据堆叠。

data: [120, 132, 101, 134, 90, 230, 210],

lineStyle: {
        normal: {
        width: 3, //连线粗细
        color: "#ff0000" //连线颜色
               }
          }

      }]

4、option对象中的legend属性(图例组件展现了不同系列的标记(symbol)，颜色和名字)

            // legend: {

            //  data:['集合水电是的撒大是多费上的嗾使棱镜度2','集合棱镜度3','集合棱镜度4','散开棱镜度2','散开棱镜度3','散开棱镜度4']

            // },

data数组中元素名字必须与每个系列的名字相同