Question

我有一个剑道迷你图，角度2的项目符号图。该条的默认颜色是橙色，但是我需要更改颜色。我查看了进度网站上的参考，似乎值轴上有一个color property，但是当我尝试更改此值时，该条消失了。

html

    <kendo-sparkline [data]="Data" type="bullet" [valueAxis]="bulletValueAxis">
    </kendo-sparkline>

.ts文件-值轴

        this.bulletValueAxis = {
        min: 0,
        max: 30,
        color: 'purple',
        background: 'grey',
        // title: { text: 'test' },
        type: 'numeric',
        plotBands: [{
            from: 0, to: this.config.min, color: 'yellow', opacity: 0.3
        }, {
            from: this.config.min, to: this.config.max, color: '#008b00', opacity: 0.3
        }, {
            from: this.config.max, to: this.config.max + 5, color: '#ff0000', opacity: 0.3
        }]
    };

Answer 1

color属性是series或seriesDefaults配置的一部分（与valueAxis一相对），例如：

allCountriesList

EXAMPLE

如何更改Angular 2+的剑道迷你图的条形颜色

1 个答案: