图标charts 记录

折线

    外边距对象
       grid: {
          top: '10%',
          left: '3%',
          right: '2%',
          bottom: '10%',
          containLabel: true
        }
        axisLabel: {
              //坐标轴刻度标签的相关设置
              textStyle: {
                color: '#fff',
                margin: 15,
                fontSize: 16
              }
            },
            // type: line 里面有几个对象,就是几条线。
            series[
                {
                 smooth: true, //是否平滑曲线显示
                },
                areaStyle: {
              //区域填充样式
                normal: {
                //线性渐变,前4个参数分别是x0,y0,x2,y2(范围0~1);
                相当于图形包围盒中的百分比。如果最后一个参数是‘true’,则该四个值是绝对像素位置。
                color: new this.$echarts.graphic.LinearGradient(
                  0,
                  0,
                  0,
                  1,
                  [
                    { offset: 0, color: '#4ab9bc' },
                    { offset: 1, color: '#68a4fc' }
                  ],
                  false
                )
              }
            }
          ]
          // 多轴/双轴
          xAxis:[{},{}]
          yAxis:[{},{}]
JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。