echarts 常用配置

echarts 常用配置

echarts取消折线图x轴以及y轴的线

    // x轴
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: res.hour,
        // 取消实线代码
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        splitLine:{
            show:false
        }
    },
    // y轴
     yAxis: {
        type: 'value',
        axisLabel: {
            formatter: '{value}w'
        },
        axisPointer: {
            snap: true
        },
         // 取消实线代码
        axisLine: {
            show: false
        },
        axisTick: {
            show: false
        },
        splitLine:{
            show:false
        }
    },

效果图

echartsy轴线为虚线

    // y轴虚线
    splitLine:{
        lineStyle:{
            type:'dotted'
        }
    },

效果图

echarts饼状图自定义颜色

	data: [
             {value: 10, name: '手动停止',itemStyle:{color: '#0c96ff'}},
              {value: 300, name: '结算停止',itemStyle:{color: '#ff9e53'}},
              {value: 580, name: '其他原因',itemStyle:{color: '#999999'}},
          ]

在’data’中添加‘itemStyle’属性中设置颜色就好了

---

效果图

持续更新