ecomfe / echarts-wordcloud

Word Cloud extension based on Apache ECharts and wordcloud2.js
1.66k stars 708 forks source link

setOption无法覆盖data #121

Open Atlas-lili opened 3 years ago

Atlas-lili commented 3 years ago

版本

echarts 5.1.1 echarts-wordcloud 2.0.0

复现步骤

对同一个wordcloud调用两次setOption,分别传入不同的data,且两次设置为重写。

const chart = echarts.init(view, { renderer: "canvas" });
chart.setOption({
  series: [{
    type: "wordCloud",
    // ...
    data: [{name: '词条1', value: 100}]
  }]
}, true);
chart.setOption({
  series: [{
    type: "wordCloud",
    // ...
    data: [{name: '词条2', value: 200}]
  }]
}, true);

现象

词条1 词条2重叠渲染在wordcloud中。

期望

setOption({}, true)的调用可以覆盖原有配置,重新渲染wordcloud

示例

https://codesandbox.io/s/nameless-darkness-u0c3q?file=/src/components/HelloWorld.vue:533-589

pengxiaotian commented 3 years ago

两种方式:

  1. notMerge = false

    chart.setOption({});
  2. 加个setTimeout

zyzstat commented 3 years ago

分两个el,不同的Set不同的呢

Atlas-lili commented 3 years ago

分两个el,不同的Set不同的呢

需要更新wordcloud中的词条,每次都用新的容器替换会很频繁