推荐参考

https://echarts.apache.org/examples/zh/index.html#chart-type-bar

bar柱状图可以2个柱子累到一起

legend注意不是x轴坐标点，而是不同柱子

legend: {
  data: [name1,name2],
  textStyle: {
    color: '#FFF'
  }
},
series: [{
    name: name1,
    type: 'bar',
    stack: 'vistors',
    barWidth: '60%',
    data: seriesData1,
    animationDuration,
    itemStyle:{
        normal: {
            color: '#3598FE'
        }
    }
}, {
    name: name2,
    type: 'bar',
    stack: 'vistors',
    barWidth: '60%',
    data: seriesData2,
    animationDuration,
    itemStyle:{
        normal: {
            color:  '#40C7DB'
        }
    }
}]

vue里设置el-input文字颜色，发现class style都失败，可能是太多全局设置互相覆盖了,注意在本页面再整一个全局的定义

<style lang="scss" >
.login-form{
  .el-form-item{
    background-color: #ffffff;
    .el-input{
      width:150px;
      top: -10px;
      color: #889aa4 !important;
      border: 0;
    }
    .el-input__inner{
      color: #889aa4 !important;
      border: 0;
    }
  }
}
</style>
<style lang="scss" scoped>
//本页面
</style>