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作为Opion键。

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

更新：

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

colors: ['yellow', 'green']

反应Google图表-折线图样式

1 个答案:

更新：