Цвет потока не меняется в кендо-чарте - PullRequest
0 голосов
/ 11 февраля 2019

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

html

<kendo-chart [categoryAxis]="{ categories: categories }" #primeChart [transitions]="transitions">

                    <kendo-chart-series>
                        <kendo-chart-series-item *ngFor="let item of series1" type="line" [data]="item.data" [name]="item.name">
                        </kendo-chart-series-item>
                    </kendo-chart-series>
                </kendo-chart>

ts file

 this.series1=  [{
            name: "Stream 1",
            streamId: 1,
            data: [3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855, 1.111,2.222],
            color:"green"
        }
        , {
            name: "Stream 2",
            streamId: 2,
            data: [4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3, 1.111,3.333],
            color:"green"
        }]

scss

@import url("~@progress/kendo-theme-default/dist/all.css");
@import "theme";
@import "material-overrides";
@import "kendo-overrides";

1 Ответ

0 голосов
/ 12 февраля 2019

Я сам добавил дочерний вид представления к элементу диаграммы (как уже показано в html)

@ViewChild('primeChart') primeChart: any;

в методе установки данных перехватить элемент primeChart с помощью this.primeChart

this.primeChart.theme.seriesColors=["green","red","green","red"]

это успешно переопределяет цвета серий по умолчанию

...