echartsの2回目のレンダリングの問題はどのように解決しますか。

2年 ago
海斗, 葵
1 minute

ECharts の 2 回目のレンダリングの問題を解決するには、以下の方法を試してください。

  1. リフレッシュ前にインスタンスを破棄：2回目のレンダリングを実行する前に、EChartsインスタンスのdispose()メソッドを呼び出して破棄し、2回目のレンダリングを実行します。
myChart.dispose();
  1. コンテナのリセット：2 回目のレンダリングを行う前に、コンテナのスタイルのリセット、コンテナ内のコンテンツのクリア、レンダリングのやり直しを実行してみます。
// 重置容器样式
myChart.getDom().style = '';
// 清空容器内容
myChart.clear();
// 进行第二次渲染
myChart.setOption(option);
  1. 別のインスタンスを使用して、たびに新しい echarts インスタンスを作成し、同じインスタンスを繰り返し使用しないようにします。
// 创建新的echarts实例
var myChart = echarts.init(document.getElementById('chart-container'));
// 进行第二次渲染
myChart.setOption(option);

上記の方法で、ECharts の 2 回目のレンダリングの問題を解決できます。各自のシナリオに適した方法を選択して処理してください。

bannerAds