小编żyń*_*yńy的帖子

Ng2-charts / chart.js - 如何刷新/更新图表 - angular 4

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 的方法。我已经在互联网上搜索过,但还没有找到如何更新/重绘图表。如果我用一个按钮改变图表的类型(即从线到条再到线),那么图表会用新数据重新绘制。但是如何在更新数据变量的值后直接进行呢?我发现的所有方法都不适合我的解决方案。谢谢帮助

chart.js ng2-charts angular

4
推荐指数
2
解决办法
2万
查看次数

标签 统计

angular ×1

chart.js ×1

ng2-charts ×1