我正在尝试构建如下Stackblitz中所示的模式
https://stackblitz.com/edit/angular-u2stx8
在上面的Stackblitz中,我没有使用Angular之外的任何外部库。
我最近遇到了一个名为 ngx-charts 的漂亮库,它在构建复杂图表时大大简化了工作。
它提供了几个自定义选项,例如调整[宽度,高度],图例位置,自定义配色方案等,
但是,我仍然不知道是否有像上面一样用SVG替换配色方案的简便方法,
这是当前显示模式的方式:
https://stackblitz.com/edit/ngx-charts-nchtrk
我可以用SVG填充纯色吗?
答案 0 :(得分:1)
遗憾的是,如果不创建自己的自定义条形图类型,就无法使用自定义svg模式填充条形图。
开箱即用的条形图配置确实允许您在条形图中使用渐变颜色,但不允许自定义svg。 (请参见此处的代码https://github.com/swimlane/ngx-charts/blob/master/src/bar-chart/bar.component.ts第26-36行是svg条定义。)