Vue.js Vue ApexCharts动态更新数据系列

我如何更新序列中的数据以获得 我已经使用创建了以下Vue组件。 该组件从这些组件所在的父级更新。 更新后的值通过道具输入

组件，但视图未更新

如果我看一下文档，就会发现有一种方法可以更新该系列

updateSeries（新闻系列，动画）

但是我需要一个实例来从中调用
updateSeries
。如果使用模板机制，则无法引用该模块

解决此问题的最佳方法是什么？
您需要使用
ref
更新系列


导出默认值{
数据（）{
返回{
系列：[{
名称：'桌面'，
数据：[10,41,35,51,49,62,69,91,99]，
}],
图表选项：{
颜色：['#FCCF31'、'#17ead9'、'#f02fc2']，
图表：{
身高：350，
},
网格：{
秀：没错，
strokeDashArray:0，
xaxis：{
线路：{
秀：没错，
},
},
},
笔划：{
曲线：“直线”，
宽度：5，
},
//网格：{
//填充：{
//左:0,，
//右:0,，
//   },
// },
dropShadow：{
启用：对，
不透明度：0.3，
模糊：5，
左：-7，
排名：22，
},
数据标签：{
启用：false，
},
标题：{
文本：“行”，
对齐：“左”，
风格：{
颜色：“#FFF”，
},
},
xaxis：{
类别：[一月、二月、三月、四月、五月、六月、七月、八月、九月]，
标签：{
风格：{
颜色：“#fff”，
},
},
},
亚克斯：{
标签：{
风格：{
颜色：“#fff”，
},
},
},
},
};
},
安装的（）{
这是.setDataLineChart（）；
},
方法：{
GetRandomArbital（最小值、最大值）{
返回Math.floor（Math.random（）*99）；
},
setDataLineChart（）{
设置间隔（（）=>{
this.series[0].data.splice（0,1）；
this.series[0].data.push（this.getRandomArbital（0,99））；
this.updatesriesline（）；
}, 3000);
},
updatesriesline（）{
此.$refs.realtimeChart.updateSeries([{
数据：此.series[0]。数据，
}]，假，真）；
},
},
};
如果您使用的是VUE，则更新序列时图表会自动更新

检查文档：


无需调用updateSeries（）
我也遇到过同样的问题，可以像这样轻松地更正：

 updateChart() {
    this.series = [{ data: [100, 155, 200]}]
}

这是一个关于如何在VueAppExCharts中更新选项或系列的清晰示例：


文件在本部分中提到：

重要提示：更新选项时，即使需要更新嵌套属性，也要确保更新最外层属性

✅ 这样做

this.chartOptions={
…这是我的选择，
...{
xaxis：{
标签：{
风格：{
颜色：[“红色”]，
},
},
},
},
};
你是个救生员！是否有任何答案提供了解决方案？如果是这样，请这样标记。