fix: echarts json rerendering on data change

Author: raheeliftikhar5

client/packages/lowcoder-comps/src/comps/chartComp/chartComp.tsx

@@ -142,6 +142,7 @@ ChartTmpComp = withViewFn(ChartTmpComp, (comp) => {
           opts={{ locale: getEchartsLocale() }}
           option={option}
           theme={mode !== 'map' ? themeConfig : undefined}
+          mode={mode}
         />
       )}
     </ReactResizeDetector>

client/packages/lowcoder-comps/src/comps/chartComp/reactEcharts/core.tsx

@@ -67,6 +67,11 @@ export default class EChartsReactCore extends PureComponent<EChartsReactProps> {
       return;
     }
 
+    if(this.props.mode === "json") {
+      this.updateEChartsOption();
+      return;
+    }
+
     // when these props are not isEqual, update echarts
     const pickKeys = ["option", "notMerge", "lazyUpdate", "showLoading", "loadingOption"];
     if (!isEqual(_.pick(this.props, pickKeys), _.pick(prevProps, pickKeys))) {

client/packages/lowcoder-comps/src/comps/chartComp/reactEcharts/types.ts

@@ -69,4 +69,8 @@ export type EChartsReactProps = {
    * should update echarts options
    */
   readonly shouldSetOption?: (prevProps: EChartsReactProps, props: EChartsReactProps) => boolean;
+  /** 
+   * echarts mode: ui | json | map 
+  */
+  readonly mode?: 'ui' | 'json' | 'map'
 };