Как я могу изменить цвет бара спендлайна кендо для Angular 2+ - PullRequest
Новая
       8

Как я могу изменить цвет бара спендлайна кендо для Angular 2+

0 голосов
/ 08 сентября 2018

У меня есть спэндлайн кендо, диаграмма маркера для угловых 2. По умолчанию цвет панели оранжевый, но мне нужно изменить цвет. Я посмотрел ссылку на сайте прогресса, и оказалось, что для оси значений есть свойство цвета , но когда я пытаюсь изменить его, полоса исчезает.

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
        }]
    };

1 Ответ

0 голосов
/ 09 сентября 2018

Свойство color является частью конфигурации series или seriesDefaults (в отличие от значения по оси A), например ::100100 

<kendo-sparkline [data]="bulletData" type="bullet" [seriesDefaults]="{color: 'purple'}" [valueAxis]="bulletValueAxis">

Пример

...