提问者:小点点

react google charts-折线图样式


我正在尝试增加我的折线图的线条粗细,使用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对行没有执行任何操作。


共1个答案

匿名用户

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

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

若要控制颜色,请使用colors属性(值是颜色的数组-与线条一样多):

colors: ['yellow', 'green']