react google charts-折线图样式

Question

我正在尝试增加我的折线图的线条粗细，使用React-Google-Charts实现。我已经看过了文档，但任何与线条粗细有关的东西都不起作用。我如何增加线条的粗细，并为线条提供不同的颜色。下面是我的实现和增加线条粗细的方法

            <Chart
              width={"98%"}
              height={"290px"}
              chartType="Line"
              loader={<div>Loading Chart</div>}
              data={transformedArray}
              options={{
                lineWidth: 10,
                colors: ["black", "blue", "red", "green", "yellow", "gray"],
                legend: { position: "none" }
              }}
              rootProps={{ "data-testid": "3" }}
            />

LineWidthes:10对行没有执行任何操作。

Answer 1

在charttype=“line”中-linewidth对我也不起作用。但是，charttype=“linechart”接受linewidth作为opion键。

您可以在选项config中使用curvetype（行，函数）并尝试获得所需的结果。

若要控制颜色，请使用colors属性（值是颜色的数组-与线条一样多）：

colors: ['yellow', 'green']