javascript - 反应谷歌图表 - 折线图样式

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" }}
            />

lineWidth: 10对线条没有做任何事情。

Answer 1

在chartType="Line"-lineWidth对我也不起作用。但是，chartType="LineChart"接受lineWidth作为选项键。

您可以curveType在选项配置中使用 (line, function) 并尝试获得所需的结果。

更新：

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

colors: ['yellow', 'green']