echarts折线图个性化填充、线条、拐点样式以及hover样式

具体设置：

//基本样式
itemStyle : {
    normal : {
        lineStyle:{
            width:2,//折线宽度
            color:"#FF0000"//折线颜色
        }
    }
},
grid: {          //设置图表显示在区域的哪个位置，控制图表的位置，可以是具体数值或者百分比
   left: '20px',
   right: '20px',
   bottom: '10%',
   containLabel: true,   //containLabel(grid 区域是否包含坐标轴的刻度标签,默认不包含)为true的情况下,无法使图表紧贴着画布显示,但可以防止标签标签长度动态变化时溢出容器或者覆盖其他组件,将containLabel设置为false即可解决
},
//hover样式
emphasis: {
  // 鼠标hover上去的时候，拐点的颜色和样式
  itemStyle: {
      color: '#fff', //颜色
      borderColor: '#0072FF', //图形的描边颜色
      borderWidth: 2, // 描边的线宽
      shadowBlur: 1, // 图形的阴影大小
      shadowColor: '#0072FF', // 图形的阴影颜色
  },
},

拐点的样式：