我用我的项目剑道,图表的图表和,我的理解是有默认颜色各流.Issue是,当我一个颜色设置为这些流还是它显示的默认颜色
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文件
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";
发现它我自己添加视图孩子的图表元素(如已出现在HTML)
@ViewChild('primeChart') primeChart: any;
在数据设定方法赶上使用this.primeChart的primeChart元件
this.primeChart.theme.seriesColors=["green","red","green","red"]
这个成功覆盖默认系列颜色