ApexChartAngular更新数据和标题不生效
创始人
2024-09-07 00:00:12
0
  1. 确保数据已正确更新,并且与其他组件正确交互。
  2. 使用ChangeDetectorRef手动触发变化检测,强制组件重新渲染。代码示例如下:

import { Component, OnInit, ChangeDetectorRef } from '@angular/core'; import { ApexChart } from 'ng-apexcharts';

@Component({ selector: 'app-chart', templateUrl: './chart.component.html', styleUrls: ['./chart.component.scss'] }) export class ChartComponent implements OnInit { chartOptions: ApexChart;

constructor(private cdr: ChangeDetectorRef) { }

ngOnInit() { // 初始化 chartOptions }

updateData(newData: any[]) { this.chartOptions.series[0].data = newData; this.cdr.detectChanges(); }

updateTitle(newTitle: string) { this.chartOptions.title.text = newTitle; this.cdr.detectChanges(); } }

  1. 如果仍然无法更新,请检查apexcharts的版本是否正确,并尝试使用其他版本。

相关内容

热门资讯

后台一分钟!impoker有挂... 后台一分钟!impoker有挂德州之星辅助可以用(一贯真的有挂)-哔哩哔哩1、德州之星辅助可以用ai...
AI八分钟!扑克时间有后台控制... AI八分钟!扑克时间有后台控制众合推扑克辅助器(的确真的有挂)-小红书亲,关键说明,扑克时间有后台控...
下载7分钟!德州之星辅助挂wp... 下载7分钟!德州之星辅助挂wpk微扑克俱乐部(本来真的有挂)-微博客户端;1、玩家可以在德州之星辅助...
挂四分钟!wpk开挂实锤微扑克... 挂四分钟!wpk开挂实锤微扑克wpk真的有辅助(原来真的有挂)-哔哩哔哩1、金币登录送、破产送、升级...
智能五分钟!德州ai软件使用p... 智能五分钟!德州ai软件使用poker软件免费(就是真的有挂)-哔哩哔哩1、德州ai软件使用ai机器...
德州八分钟!线上wpk德州ai... 德州八分钟!线上wpk德州ai机器人wepokeapp下载教程(其实真的有挂)-知乎1、每一步都需要...
轻量版8分钟!德州之星辅助可以... 轻量版8分钟!德州之星辅助可以用微扑克有辅助插件(的确真的有挂)-小红书1、德州之星辅助可以用ai辅...
辅助挂七分钟!wepoke计算... 辅助挂七分钟!wepoke计算辅助微扑克算正规平台(一贯真的有挂)-今日头条1、让任何用户在无需微扑...
机器人1分钟!aa poker... 机器人1分钟!aa poker简介俱乐部辅助wepower软件(果真真的有挂)-今日头条;1、下载好...
德州版一分钟!wopoker用... 德州版一分钟!wopoker用ai有用wpk的下风机制(果然真的有挂)-哔哩哔哩1、游戏颠覆性的策略...