fix(svg): add default strokeWidth for stroke

Author: zhiqingchen

example/src/App.tsx

@@ -4,7 +4,7 @@ import { StyleSheet, View, Dimensions } from 'react-native';
 import { gestureHandlerRootHOC } from 'react-native-gesture-handler';
 import { SVGRenderer, SkiaChart, SvgChart } from '@wuba/react-native-echarts';
 import * as echarts from 'echarts/core';
-import { BarChart } from 'echarts/charts';
+import { BarChart, LineChart } from 'echarts/charts';
 import {
   TitleComponent,
   TooltipComponent,
@@ -19,6 +19,7 @@ echarts.use([
   SVGRenderer,
   // ...
   BarChart,
+  LineChart,
 ]);
 
 const E_HEIGHT = 250;
@@ -72,11 +73,18 @@ const option = {
   yAxis: {
     type: 'value',
   },
+  tooltip: {
+    trigger: 'axis'
+  },
   series: [
     {
       data: [120, 200, 150, 80, 70, 110, 130],
       type: 'bar',
     },
+    {
+      data: [220, 100, 180, 160, 150, 120, 110],
+      type: 'line',
+    }
   ],
 };
 function App() {

src/svgChart.tsx

@@ -155,6 +155,10 @@ function SvgEle(props: SVGVEleProps) {
   if (tag === 'path') {
     // 全部数据为空，iOS渲染有问题，无效的path过滤掉
     if (!attrs.d) return null;
+    // fix: add default strokeWidth for stroke
+    if(attrs.stroke && attrs.strokeWidth === undefined) {
+      attrs.strokeWidth = 1;
+    }
     return <Path {...attrs} />;
   }
   if (tag === 'linearGradient' || tag === 'radialGradient') {