ngx 图表：折线图定义线宽

Question

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

有什么帮助吗？

Answer 1

将以下规则添加到您的全局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;
}

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

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