Vue.js 将在x行中找到的值的颜色更改为红色

我想更改图表底部文字的颜色，这意味着我想更改X轴上值的颜色，但我不知道在哪里更改它们。 我能做什么？ 这是表示图表的图表。 area-config.js：

export const areaChartConfigurations = {
    type: "area",
    title: {
      y: "15px",
      "background-color": "none",
      "font-color": "#05636c",
      "font-size": "24px",
      height: "25px",
      "adjust-layout": true
    },
    legend: {
      layout: "x10",
      alpha: 0.05,
      shadow: false,
      y: "92%",
      x: "2%",
      marker: {
        type: "circle",
        "border-color": "none",
        size: "4px"
      },
      item: {
        "font-size": "15px",
        "font-color": "#2A4B65"
      },
      "border-width": 0
    },
    plotarea: {
      "margin-top": "0%",
      "margin-right": "dynamic",
      // "margin-bottom": "20%",
      "margin-left": "dynamic"
    },
    scaleX: {
      label: {
        text: "Date",
        "font-size": "14px",
        "font-weight": "normal",
        "offset-x": "10%",
        "font-angle": 360
      },
      item: {
        "text-align": "center",
        "font-color": "#2A4B65"
      },
      zooming: 1,
      "max-labels": 12,
      "max-items": 12,
      "items-overlap": true,
      guide: {
        "line-width": "0px"
      },
      tick: {
        "line-color": "none",
        "line-width": "2px"
      }
    },
    "crosshair-x": {
      "line-color": "#fff",
      "line-width": 1,
      "plot-label": {
        visible: false
      }
    },
    scaleY: {
      "line-color": "none",
      item: {
        "font-color": "#2A4B65",
        "font-weight": "normal"
      },
      label: {
        // "text":"Metrics",
        "font-size": "14px"
      },
      tick: {
        "line-color": "none"
      },
      guide: {
        "line-width": "0px",
        alpha: 0.2,
        "line-style": "dashed"
      }
    },
    plot: {
      "line-width": 4,
      "font-color": "",
      tooltip: {
        "font-size": "15px",
        text: "%t: %v",
        "text-align": "left",
        "border-radius": 5,
        padding: 10
      }
    }
  };

这是一个赫斯来建立这个系列，我试图改变这个地方的文字颜色，但我做不到 比较-view.js：

initSery(data, title) {
      const color = this.getRandomColor();
      return {
        values: data,
       // text: title,
        "line-color": color,
        aspect: "spline",
        "background-color": `${color} none`,
        "alpha-area": ".4",
        marker: {
          "background-color": color,
          size: 7,
          "border-color": "#fff",
          "border-width": 3
        },
        "legend-marker": {
          "background-color": color
        }
      };
    }