所有柱状图样式优化

yangfeng

2023-12-08 952ac0d2df182701395cbd93af741a3bf3a69bae

 src/views/cockpitPage/components/BarChart.vue

@@ -81,6 +81,7 @@
      myChart = echarts.init(chartDom);
      let option;
      let lineColor = "#35ddc74d";
      let spirit = "/cockpitPage/order-bg.png";
      if (data) {
        option = {
          color: ["#dcb018", "#00FFFF"],
@@ -265,27 +266,25 @@
          ],
          series: [
            {
              type: "bar",
              type: "pictorialBar",
              name: "正品数量",
              barWidth: "15",
              itemStyle: {
                normal: {
                  //柱形图圆角，初始化效果
                  barBorderRadius: [4, 4, 0, 0],
                },
              },
              symbol: spirit,
              symbolRepeat: true,
              symbolMargin: "25%",
              symbolClip: true,
              symbolSize: [17, 4],
              barCategoryGap: "40%",
              data: data.datay,
            },
            {
              type: "bar",
              type: "pictorialBar",
              name: "次品数量",
              barWidth: "15",
              itemStyle: {
                normal: {
                  //柱形图圆角，初始化效果
                  barBorderRadius: [4, 4, 0, 0],
                },
              },
              symbol: spirit,
              symbolRepeat: true,
              symbolMargin: "25%",
              symbolClip: true,
              symbolSize: [17, 4],
              barCategoryGap: "40%",
              data: data.datay2,
            },
          ],