ngx 图表:折线图定义线宽

Had*_*hin 3 javascript angular ngx-charts

我在一个项目中使用 ngxChart,一切都很好,但我发现线宽很细,我不知道如何让它变大。

有什么帮助吗?

Oll*_*lie 8

将以下规则添加到您的全局styles.scss文件中:

/* Make lines in line chart thick, with rounded ends */
g.line-chart > g:last-of-type > g:nth-child(n) g.line-series > path {
  stroke-width: 10;
  stroke-linecap: round;
}
Run Code Online (Sandbox Code Playgroud)

ng:nth-child(n)可以用号码代替引用您要修改(例如线的数量0为第一行),或类似的东西2n,每第二条线。

显然宽度10可以更改为任何宽度。