我正在尝试增加我的折线图的线条粗细,使用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
对行没有执行任何操作。
在charttype=“line”
中-linewidth
对我也不起作用。但是,charttype=“linechart”
接受linewidth
作为opion键。
您可以在选项config中使用curvetype
(行,函数)并尝试获得所需的结果。
若要控制颜色,请使用colors
属性(值是颜色的数组-与线条一样多):
colors: ['yellow', 'green']