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

Question

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

Answer 1

您的问题有点夸张，但我会尽力帮助您。如果要在D3上创建图表，则将使用SVG元素，在这种情况下，我认为解决方案是使用其配色方案定义SVG元素的颜色。 link会将您重定向到d3-scale-colour，您可以在其中找到不同类型的配色方案。 您也可以通过其他方法查看此link。

如果您想为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
    }

我希望对您有帮助