Reactjs 如何在react条形图中对条形图应用颜色

我已使用安装了react条形图

我使用下面的代码来显示条形图，我可以在UI上看到条形图的呈现，但是颜色默认为黑色，我尝试添加style={{color:'blue'}，但它不起作用

import React, { Component } from "react";
import BarChart from "react-bar-chart";

class Metrics extends Component {
  render() {
    const data = [
      { text: "DOB", value: 500 },
      { text: "Address", value: 300 },
      { text: "Email", value: 900 },
      { text: "Phone", value: 100 },
      { text: "Name", value: 700 }
    ];

    const margin = { top: 20, right: 20, bottom: 30, left: 40 };
    return (
      <div>
        <div style={{ width: "50%" }}>
          <BarChart
            ylabel="Quantity"
            width={500}
            height={500}
            margin={margin}
            data={data}
            style={{ color: "blue" }}
          />
        </div>
      </div>
    );
  }
}

export default Metrics;

---

当它呈现为svg时，您需要使用fill属性而不是颜色：

.bar { fill: blue; }

---

感谢您的回复，它正在工作。我这里有两个问题。您是如何知道这是作为svg呈现的，2。如何将不同的颜色应用于条形图。只需在github上深入了解它们的示例：

.bar { fill: blue; }