Echarts 图表数据更新 但是页面不更新

将新数据赋值给图表数据之前，先清空或删除原数据，之后再重新渲染，就会监听到数据更新，然后更新图表。

代码：

// 结构：
<!-- 轮播排行榜部分 -->
<div class="right_box1">
  <dv-border-box-12>
    <dv-scroll-ranking-board
      :config="config"
    />
  </dv-border-box-12>
</div>

// 数据：
data() {
  return {
  //轮播排行榜
  config:{
    data: []
  }
}

// 更新数据：
async getRankingList() {
  try {
    const res = await getRanking();
    const newData = res.rows.map(item => ({
      name: item.name,
      value: parseInt(item.count, 10) // 确保将字符串转换为整数
    }));
    this.config = {}
    this.config.data = newData; // 直接更新data属性
}