我在 Angular 中使用 ngx-charts [Link to Github Repo] 来绘制图表。我正在使用 Angular 8.x 版。该软件包非常易于使用并且具有良好的功能。但是，我似乎无法更改水平条形图中水平条的默认样式。在这里，我附上了我尝试过的 stackblitz 演示。我想要所有水平条底部的红色边框，并且我想要条上方的 Y 轴数据标签。
Stackblitz Demo of ngx-chart
问题是生成的条形是 svg 格式。所以它变得有点棘手。
最佳答案
我不确定这是否会对您有所帮助，但在我看来，这是实现目标的一种方式。
有一个用于笔画的 stroke-dasharray SVG 属性。
对于 border-bottom 我找到了我在下面描述的解决方案:
::ng-deep .ngx-charts .bar {
stroke: red;
stroke-dasharray: 0,X,Y,0;
}
其中
Y 是条形宽度的值，X 是条形高度和宽度的 和 的值。我正在分享 SVG stroke 属性的演示，这不是 ngx 图表演示，但在我看来，如果您可以获得图表元素的高度和宽度，它将对您有所帮助。
https://codepen.io/coderman-401/pen/dyoNgKg
关于angular - 更改 ngx-charts 中水平条的默认样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60370916/