如果使用了插件echarts-for-react，需要添加属性notMerge={true}，代码如下
import ReactEcharts from "echarts-for-react";
<ReactEcharts
notMerge={true}
option={option}
/>
notMerge默认为false,即默认合并数据，设置成true之后就不合并数据，从而实现刷新页面UI的效果。
如果使用获取id元素setOption的方式需要传入第二个参数true,代码如下
const chartDom = document.getElementById("设置的id");
const myChart = echarts.init(chartDom);
const option = {...}
myChart.setOption(option, true)
参数说明（以下说明为echarts官方说明在此拿来借用，如有侵权务必联系删除）
chart.setOption(option, notMerge, lazyUpdate);
-
option:ECOption图表的配置项和数据，具体见配置项手册。
-
opts
-
notMerge可选。是否不跟之前设置的option进行合并。默认为false。即表示合并。合并的规则，详见 组件合并模式。如果为true，表示所有组件都会被删除，然后根据新option创建所有新组件。 -
replaceMerge可选。用户可以在这里指定一个或多个组件，如：xAxis,series，这些指定的组件会进行 "replaceMerge"。如果用户想删除部分组件，也可使用 "replaceMerge"。详见 组件合并模式。 -
lazyUpdate可选。在设置完option后是否不立即更新图表，默认为false，即同步立即更新。如果为true，则会在下一个 animation frame 中，才更新图表。 -
silent可选。阻止调用setOption时抛出事件，默认为false，即抛出事件。
-
组件合并模式
对于一种类型的组件（如：xAxis, series）：
- 如果设置
opts.notMerge为true，那么旧的组件会被完全移除，新的组件会根据option创建。 - 如果设置
opts.notMerge为false，或者没有设置opts.notMerge：- 如果在
opts.replaceMerge里指定组件类型，这类组件会进行替换合并。 - 否则，会进行
普通合并。
- 如果在
什么是普通合并和替换合并？
普通合并
对于一种类型的组件（如：xAxis, series），新来的 option 中的每个“组件描述”（如：{type: 'xAxis', id: 'xx', name: 'kk', ...}）会被尽量合并到已存在的组件中。剩余的情况，会在组件列表尾部创建新的组件。整体规则细节如下：
- 先依次对
option中每个有声明id或者name的“组件描述”，寻找能匹配其id或者name的已有的组件，找到的话则合并。 - 再依次对
option中剩余的“组件描述”，寻找还未执行过前一条的已有组件，找到的话则合并。 - 其他
option中剩余的“组件描述”，用于在组件列表尾部创建新组件。
特点：
- 永远不会删除已存在的组件。也就是说，只支持增加，或者更新组件。
- 组件的索引（componentIndex）永远不会改变。
- 如果
id和name没有在option中被指定（这是经常出现的情况），组件会按照它在option中的顺序一一合并到已有组件中。这种设定比较符合直觉。
例子：
// 已有组件：
{
xAxis: [
{ id: 'm', interval: 5 },
{ id: 'n', name: 'nnn', interval: 6 }
{ id: 'q', interval: 7 }
]
}
// 新来的 option ：
chart.setOption({
xAxis: [
// id 没有指定。会寻找到第一个没有进行过合并的已有组件，进行合并。
// 即合并到 `id: 'q'`。
{ interval: 77 },
// id 没有指定。最终会创建新组件。
{ interval: 88 },
// id 没有指定，但是 name 指定了。会被合并到已有的 `name: 'nnn'` 组件。
{ name: 'nnn', interval: 66 },
// id 指定了，会被合并到已有的 `id: 'm'` 组件。
{ id: 'm', interval: 55 }
]
});
// 结果组件：
{
xAxis: [
{ id: 'm', interval: 55 },
{ id: 'n', name: 'nnn', interval: 66 },
{ id: 'q', interval: 77 },
{ interval: 88 }
]
}
替换合并
对于一种类型的组件（如：xAxis, series），只有 option 中指定了 id 并且已有组件中有此 id 时，已有组件会和 option 相应组件描述进行合并。否则，已有组件都会删除，新组件会被根据 option 创建。细节规则如下：
- 先依次对
option中每个有声明id的“组件描述”，寻找能匹配其id或者name的已有的组件，找到的话则合并。 - 删除其他没匹配到的已有组件。
- 依次对
option中剩余的“组件描述”，创建新组件，填入刚因删除而空出来的位置上，或者增加到末尾。
特点：
- 与
普通合并相比，支持了组件删除。 - 已有组件的索引永远不会变。这是为了保证，
option或者 API 中的 index 引用（例如：xAxisIndex: 2）仍能正常一致得使用。 - 整个处理过程结束后，可能存在一些“洞”，也就是说，在组件列表中的某些 index 上，并没有组件存在（被删除了）。但是这是可以被开发者预期和控制的。
例子：
// 已有组件：
{
xAxis: [
{ id: 'm', interval: 5, min: 1000 },
{ id: 'n', name: 'nnn', interval: 6, min: 1000 }
{ id: 'q', interval: 7, min: 1000 }
]
}
// 新来的 option :
chart.setOption({
xAxis: [
{ interval: 111 },
// id 已经指定了。因此会被合并进已有的组件 `id: 'q'`。
{ id: 'q', interval: 77 },
// id 已经指定了。但是已有组件没有此 id 。
{ id: 't', interval: 222 },
{ interval: 333 }
]
}, { replaceMerge: 'xAxis' });
// 结果组件：
{
xAxis: [
// 原来的 id 为 'm' 的组件，被移除。
// 替换为新的组件。新组件中，并没有原来的 `min: 1000` 了。
{ interval: 111 },
// 原来的 id 为 'n' 的组件，被移除。
// 替换为新的组件。新组件中，并没有原来的 `min: 1000` 了。
{ id: 't', interval: 222 },
// 原来的组件没有被移除，而是和 option 中的组件描述进行了合并。
// 所以 `min: 1000` 被保留了。
{ id: 'q', interval: 77, min: 1000 },
// 新添加的组件。
{ interval: 333 }
]
}
删除组件
有两种方法能删除组件：
- 删除所有：使用
notMerge: true，则所有组件都被删除。 - 删除部分：使用
replaceMerge: [...]，被指定的组件类型，会根据 replaceMerge 的规则：如果 id 匹配就合并（ merge ），否则旧组件被删除，新组件被创建。“部分删除” 有助于，在删除该删除的组件时，保留其他组件的状态（如高亮、动画、选中状态）。
