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的版本是否正确,并尝试使用其他版本。

相关内容

热门资讯

今日头条(aapoker手游版... 今日头条(aapoker手游版)外挂透明挂辅助工具(透视)透视辅助(新版有挂)-哔哩哔哩;aapok...
玩家必看秘籍!德州wpk(WE... WePoker透视辅助版本稳定性对比与推荐‌:玩家必看秘籍!德州wpk(WEPOKE)外挂透明挂辅助...
玩家必看秘籍(Wepoke胜率... 玩家必看秘籍(Wepoke胜率)外挂透明挂辅助工具(辅助挂)软件透明挂(真的有挂)-哔哩哔哩;Wep...
透视智能ai(WePoke)外... 1、透视智能ai(WePoke)外挂透明挂辅助插件(辅助挂)确实是真的有挂(2022已更新)(哔哩哔...
一秒答解(wpk德州ai机器人... 1、一秒答解(wpk德州ai机器人)外挂透明挂辅助器安装(透视)发牌机制(有挂攻略)-哔哩哔哩2、进...
透视能赢(WPK代打ai)外挂... 透视能赢(WPK代打ai)外挂透明挂辅助app(辅助挂)透视辅助(今日头条)-哔哩哔哩是由北京得WP...
盘点一款!WPK模拟器(wep... 盘点一款!WPK模拟器(wepOKE)外挂透明挂辅助脚本(透视)高科技教程(详细教程)-哔哩哔哩1、...
透视透明(微扑克外挂)外挂透明... 透视透明(微扑克外挂)外挂透明挂辅助工具(透视)确实是真的有挂(2020已更新)(哔哩哔哩);亲真的...
透视黑科技(德州)外挂透明挂辅... 透视黑科技(德州)外挂透明挂辅助插件(透视)透视辅助(的确有挂)-哔哩哔哩1、不需要AI权限,帮助你...
玩家亲测(WPK工具)外挂透明... 玩家亲测(WPK工具)外挂透明挂辅助工具(辅助挂)发牌机制(有挂秘诀)-哔哩哔哩是由北京得WPK工具...