如何为Angular 2中Ngx图表的折线图中显示的点设置不同的颜色?
我想使用Ngx图表库的折线图。但是我不能改变线条上显示的点的颜色 因此,我如何更改用于点的颜色或在Ngx图表折线图中为点提供自己的颜色 In-line-chart.html文件如何为Angular 2中Ngx图表的折线图中显示的点设置不同的颜色?,angular,charts,ngx-charts,Angular,Charts,Ngx Charts,我想使用Ngx图表库的折线图。但是我不能改变线条上显示的点的颜色 因此,我如何更改用于点的颜色或在Ngx图表折线图中为点提供自己的颜色 In-line-chart.html文件 <ngx-charts-line-chart [view]="view" [scheme]="colorScheme" [results]="multi" [gradient]="gradient" [xAxis]="showXAxis" [y
<ngx-charts-line-chart
[view]="view"
[scheme]="colorScheme"
[results]="multi"
[gradient]="gradient"
[xAxis]="showXAxis"
[yAxis]="showYAxis"
[legend]="showLegend"
[showXAxisLabel]="showXAxisLabel"
[showYAxisLabel]="showYAxisLabel"
[xAxisLabel]="xAxisLabel"
[yAxisLabel]="yAxisLabel"
[autoScale]="autoScale"
[timeline]="timeline"
(select)="onSelect($event)">
</ngx-charts-line-chart>
在上面代码的输出中,它在图表中显示了2行,但我想让每一个学生都有一行,这将是一个表示学生分数的图表,因此图表中有一行,其中点将根据分数类别以不同的颜色显示,如
对于大于50的标记,点的颜色=绿色
标记>70点颜色=粉色和类似颜色。请分享代码您迄今为止所做的工作。我为相关图表添加了简单配置
multi: any[] = [
{
name: 'Cyan',
series: [
{
name: 5,
value: 2650
},
{
name: 10,
value: 2800 },
{
name: 15,
value: 2000
}
]
},
{
name: 'Yellow',
series: [
{
name: 5,
value: 2500
},
{
name: 10,
value: 3100
},
{
name: 15,
value: 2350
}
]
}
];
view: any[] = [700, 400];
// options
showXAxis = true;
showYAxis = true;
gradient = false;
showLegend = true;
showXAxisLabel = true;
xAxisLabel = 'Number';
showYAxisLabel = true;
yAxisLabel = 'Color Value';
timeline = true;
colorScheme = {
domain: ['#5AA454', '#A10A28', '#C7B42C', '#AAAAAA']
};
// line, area
autoScale = true;
constructor() {
}
onSelect(event) {
console.log(event);
}