html:
<canvas *ngIf="actionData" baseChart width=800 height=300
[datasets]="lineActionData"
[labels]="lineActionLabels"
[options]="lineChartOptions"
[colors]="lineChartColors"
[legend]="lineChartLegend"
[chartType]="lineChartType"
(chartHover)="chartHovered($event)"
(chartClick)="chartClicked($event)"></canvas>
Run Code Online (Sandbox Code Playgroud)
成分:
public lineChartData:Array<any> = [
{data: [], label: ''}
{data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'},
{data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'},
{data: [18, 48, 77, 9, 100, 27, 40], label: 'Series C'},
];
etc
Run Code Online (Sandbox Code Playgroud)
我在 html 中创建了一个图表。在我的 *.ts 文件中,我有包含数据和选项的变量。然后我调用一个更新 lineActionData 的方法。我已经在互联网上搜索过,但还没有找到如何更新/重绘图表。如果我用一个按钮改变图表的类型(即从线到条再到线),那么图表会用新数据重新绘制。但是如何在更新数据变量的值后直接进行呢?我发现的所有方法都不适合我的解决方案。谢谢帮助