react-native - 如何在 React Native 上创建具有多种背景颜色的图表

Question

如何使用 D3 图表或任何支持 React Native 的图表为看起来像这样的图表创建背景

Answer 1

你的问题有点模糊，但我会尽力帮助你。如果您想在 D3 上创建图表，您将使用一个SVG元素，在这种情况下，我认为解决方案是使用他们的配色方案来定义SVG元素的颜色。此链接会将您重定向到 d3-scale-chromatic，您可以在其中找到不同类型的配色方案。您还可以查看此链接以了解不同的方法。

如果您想要 SVG 的纯色，您只需在 SVG 属性上编写以下代码：

.style("fill", "red")

如果你想要一个配色方案，你应该这样做：

//Create before appending SVG element
const color = d3.scaleOrdinal(d3.schemeSet3); //Choose the scheme you want

    .style("fill", function(){
        return color
    }

我希望它有帮助