使用 vue 中的 v-chart 更改条形图的颜色，以及 X 轴、Y 轴和标题上文字的颜色和大小

              <ve-histogram
                :tooltip-visible="true"
                :x-axis="xAxis"
                :y-axis="yAxis"
                :title="title"
                :series="series"
              ></ve-histogram>

        this.yAxis = [
          {
            axisLabel: {
              show: true,
              textStyle: {
                color: "white",//这里是改变字体颜色
                fontSize: 18，//字体大小
              }
            }
          }
        ];

        this.xAxis = [
          {
            data: [
              "裁床部",
              "车缝部",
              "电绣部",
              "喷印部",
              "手工部",
              "塑胶包装部",
              "委外加工",
              "注塑部"
            ],
            name: "日期",
            axisLabel: {
              show: true,
              textStyle: {
                color: "white",
                fontSize: 18
              }
            }
          }
        ];

        this.series = [
          {
            name: "下单量",
            type: "bar",
            barWidth: "50%",//这里是改变柱子的宽度
            data: [1050, 5200, 20000, 3304, 3900, 4900, 5900, 3600, 3960],

            itemStyle: {
              //通常情况下：
              normal: {
                //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
                color: function(params) {
                  var colorList = [
                    "#65d186",
                    "#f67287",
                    "#f29e3c",
                    "#c05bdd",
                    "#f29e3c",
                    "#7a65f2",
                    "#65d186",
                    "#f67287"
                  ]; //每根柱子的颜色
                  return colorList[params.dataIndex];
                }
              },
            }
          }

        this.title = {
          text: "各车间每周产出数据",
          x: "center",
          textStyle: {
            color: "#fff",//标题颜色
            fontWeight: "bold",//粗体
            fontSize: 24  //字体大小
          }
        };