echarts问题小贴士

1.legend 取消点击事件

legend: {
  data: ['申报凭证'],
  selectedMode:false //取消图例上的点击事件
},
color:["#e55346"],

2.折线样式

3.title

4.echarts多条折线图怎么数量对不上

5.areaStyle折线图渐变

areaStyle: {
  color: {
    type: 'linear',
    x: 0,
    y: 0,
    x2: 0,
    y2: 1,
    colorStops: [{
      offset: 0, color: 'red' // 0% 处的颜色
    }, {
      offset: 1, color: 'blue' // 100% 处的颜色
    }],
    global: false // 缺省为 false
  }
},

color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
  offset: 0,
  color: '#8ec6ad'
}, {
  offset: 1,
  color: '#ffe'
}])

6.水平值在中间

// boundaryGap: false,

7.下载图片

toolbox: {
  feature: {
    saveAsImage: {}
  }
},

8.实心圆和线条粗细

series: [
  {
    name: '汽车服务',
    type: 'line',
    stack: '总量',
    itemStyle: {
      normal: {
       lineStyle: {
       width:1// 线条粗细
      }
    }
  },
  symbol: 'circle', //设定为实心点
  symbolSize: 5, //设定实心点的大小
  data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210]
  },
]

 9.y轴线以及文字颜色

yAxis: [
  {
    type: 'value',
    axisTick: {
      show: false //y轴刻度线
    },
    axisLine:{       //y轴
      show:false
    },
    splitLine: {     //网格线
      show: false
    },
    axisLabel: {
      textStyle: {
      color: '#000000', //坐标值得具体的颜色
    },
    splitLine: {
      lineStyle:{
      color: '#F2F2F2',
    }
  },
],

10.echarts折线图取消和y轴距离

xAxis: [
  {  
    boundaryGap:false
  }
]