Javascript 如何在react中使用chartkick.js设置轴标签颜色？

如果我在react组件中有一个柱形图组件，如下所示：

import React from "react";
import {ColumnChart} from "react-chartkick";

export function BarChart({data, title, xlabel, ylabel}) {
  const classes = useStyles();
  return (
    <div className={classes.dataVisualisation}>
      <div className={classes.title} >{title}</div>
      <ColumnChart
        data={data}
        xtitle={xlabel}
        ytitle={ylabel}
      />
    </div>
  );
}

从“React”导入React；
从“react chartkick”导入{ColumnChart}；
导出函数条形图（{data，title，xlabel，ylabel}）{
const classes=useStyles（）；
返回(
{title}
);
}

---

如何为标签指定文本的颜色？

嗯，这有点深

我们可以在chartkick的文档中找到这些内容

---

库>图例>标签>字体颜色

import Chartkick, { LineChart } from "react-chartkick";
import "chart.js";

<LineChart
  data={{ "2017-01-01": 11, "2017-01-02": 6, "2017-01-03": 20 }}
  library={{
    legend: {
      labels: {
        fontColor: "blue"
      }
    },
    scales: {
      xAxes: [
        {
          scaleLabel: { fontColor: "blue" }, // this line sets the label's font to blue
          ticks: { fontColor: "blue" },
          gridLines: { drawBorder: true, color: "blue" }
        }
      ]
    }
  }}
/>

库>比例>雅克斯/雅克斯>网格线（？）>颜色

import Chartkick, { LineChart } from "react-chartkick";
import "chart.js";

<LineChart
  data={{ "2017-01-01": 11, "2017-01-02": 6, "2017-01-03": 20 }}
  library={{
    legend: {
      labels: {
        fontColor: "blue"
      }
    },
    scales: {
      xAxes: [
        {
          ticks: { fontColor: "blue" },
          gridLines: { drawBorder: true, color: "blue" }
        }
      ]
    }
  }}
/>

import Chartkick，{LineChart}来自“react Chartkick”；
导入“chart.js”；

---

根据Keikai的答案，我让它起作用了

设置标签颜色的特性是：

库>缩放>yAxes/xAxes>缩放标签>fontColor

import Chartkick, { LineChart } from "react-chartkick";
import "chart.js";

<LineChart
  data={{ "2017-01-01": 11, "2017-01-02": 6, "2017-01-03": 20 }}
  library={{
    legend: {
      labels: {
        fontColor: "blue"
      }
    },
    scales: {
      xAxes: [
        {
          scaleLabel: { fontColor: "blue" }, // this line sets the label's font to blue
          ticks: { fontColor: "blue" },
          gridLines: { drawBorder: true, color: "blue" }
        }
      ]
    }
  }}
/>

import Chartkick，{LineChart}来自“react Chartkick”；
导入“chart.js”；
这适用于标记的着色，但如何设置标签颜色？e、 g.如果我有x轴的标签“日期”，我如何将其设置为绿色。是的，它会改变轴刻度和网格线的颜色，就像在图像中一样，但标签的颜色保持不变。它们对我来说仍然保持相同的颜色