eCharts之条状图

一.堆叠条状图

  //主要代码
 <qiun-data-charts 
   type="bar"  //表示类型为条状图
   :opts="opts"
   :chartData="chartData"
 />
//opts里的属性
 extra: {
    bar: {
      type: "stack",  //条状图类型：stack为堆叠，group为不堆叠
      width: 30,
      meterBorde: 1,
      meterFillColor: "#FFFFFF",
      activeBgColor: "#000000",
      activeBgOpacity: 0.08,
      categoryGap: 2
    }
  }

不堆叠

//改变的代码
 extra: {
       bar: {
         type: "group",
         width: 30,
         meterBorde: 1,
         meterFillColor: "#FFFFFF",
         activeBgColor: "#000000",
         activeBgOpacity: 0.08,
         categoryGap: 2
       }
     }