What is the best way to dynamically update the data？

[tatachi1]

If I use $state it will update the component and cause bad results

[spren9er]

You can use the data property from EChartsTile component and pass data directly (preferred way).

Alternatively, you need to update option property (including your chart data). For this, you can define your data as $state and declare option with $derived.

You can do some experiments with test app in this repo (svg/+page.svelte), e.g.

• Remove data from scatterOption
• Add some dynamic chartData
• Use <EChartsTile option={scatterOption} data={chartData} />

[tatachi1]

That's useful, but every update will have this warning, how to get rid of it ，I use setInterval() to update the data

[spren9er]

Can you give an example? I can't reproduce this!