メインコンテンツまでスキップ

v1 から v2 への移行

主要な変更点​

  • SVGRenderer と SkiaRenderer が分割されました。
  • SkiaChart がリファクタリングされ、ImageSVG タグがなくなりました。
  • 新しいレンダリング効果（例：シャドウ）のサポートが追加されました。

v1 から v2 への移行手順​

SVGChart には変更がないため、SVGChart を使用している場合はこの移行をスキップできます。

概要​

  • SVGRenderer を SkiaRenderer に置き換えます。
  • チャートの初期化時に renderer: 'skia' を設定します。

1. インポートの更新​

v1​

import { SVGRenderer, SkiaChart } from '@wuba/react-native-echarts';
echarts.use([SVGRenderer]);

v2​

import { SkiaRenderer, SkiaChart } from '@wuba/react-native-echarts';
echarts.use([SkiaRenderer]);

2. SkiaRenderer でチャートを初期化する​

v1​

chart = echarts.init(skiaRef.current, 'light', {
  renderer: 'svg',
});

v2​

chart = echarts.init(skiaRef.current, 'light', {
  renderer: 'skia',
});