chore: update readme

Author: tmkx

README.md

@@ -1,3 +1,32 @@
 # @fanciers/echarts-react
 
 > Using ECharts in React the Idiomatic Way, with Treeshaking Support! 🍃
+
+```shell
+npm install @fanciers/echarts-react
+```
+
+```typescript
+import { CanvasRenderer, LineChart, echarts } from '@fanciers/echarts-react';
+
+echarts.use([CanvasRenderer]);
+
+function Demo() {
+  return (
+    <LineChart
+      style={{ width: 480, height: 300 }}
+      xAxis={{
+        type: 'category',
+        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+      }}
+      yAxis={{ type: 'value' }}
+      series={[
+        {
+          type: 'line',
+          data: [150, 230, 224, 218, 135, 147, 260],
+        },
+      ]}
+    />
+  );
+}
+```

src/charts.tsx

@@ -29,6 +29,7 @@ interface ChartBaseProps<T extends readonly ChartComponentType<any>[]> {
   style?: React.CSSProperties;
   containerProps?: React.HTMLAttributes<HTMLDivElement>;
   compose?: [...T];
+  use?: EChartExt;
   children?: React.ReactNode;
 }
 
@@ -50,15 +51,15 @@ interface ChartComponentType<T extends ComponentOption> {
 function defineChart<T extends ComponentOption>(ext: EChartExt) {
   const ChartComponent = React.forwardRef(
     (
-      { className, style, containerProps, compose, children, ...props }: ChartBaseProps<any>,
+      { className, style, containerProps, compose, use, children, ...props }: ChartBaseProps<any>,
       ref: React.ForwardedRef<echarts.ECharts>
     ) => {
       const containerRef = React.useRef<HTMLDivElement>(null);
       const chartRef = React.useRef<echarts.ECharts | null>(null);
       const ctx = useInitialChartContext();
 
       useRegister((echarts) => {
-        echarts.use([ext, compose?.map((comp) => comp.ext).flat() || []].flat());
+        echarts.use([ext, use, compose?.map((comp) => comp.ext).flat() || []].flat().filter(Boolean));
       });
 
       React.useLayoutEffect(() => {

src/index.ts

@@ -1,3 +1,4 @@
+export { CanvasRenderer, SVGRenderer } from 'echarts/renderers';
 export { LineChart, PieChart } from './charts.js';
 export {
   Dataset,