Dev/playground render demo fixed (#838)

* feat: fixed render demo

* feat: change message error

---------

Co-authored-by: duxinyue.dxy <duxinyue.dxy@antgroup.com>

Author: XinyueDu

playground/src/examples/render/custom.tsx

@@ -49,12 +49,9 @@ const RenderCustom: React.FC = () => {
       const cleaned = cleanAndFormatJSON(data);
       // 将 JSON 字符串解析为对象
       const parsedData = JSON.parse(cleaned);
-      advisor.render({
-        container: '#img-chart',
-        spec: parsedData,
-      } as any);
+      advisor.render('#img-chart', parsedData);
     } catch (error) {
-      message.error('请输入有效的 JSON 格式数据');
+      message.error(`请输入有效的 JSON 格式数据: ${error}`);
     }
   };
 

playground/src/examples/render/default.tsx

@@ -42,12 +42,9 @@ const RenderDefault: React.FC = () => {
       const cleaned = cleanAndFormatJSON(data);
       // 将 JSON 字符串解析为对象
       const parsedData = JSON.parse(cleaned);
-      advisor.render({
-        container: '#chart',
-        spec: parsedData,
-      } as any);
+      advisor.render('#chart', parsedData);
     } catch (error) {
-      message.error('请输入有效的 JSON 格式数据');
+      message.error(`请输入有效的 JSON 格式数据: ${error}`);
     }
   };
 

playground/src/examples/render/demand.tsx

@@ -67,12 +67,9 @@ const RenderDemand: React.FC = () => {
       const cleaned = cleanAndFormatJSON(data);
       // 将 JSON 字符串解析为对象
       const parsedData = JSON.parse(cleaned);
-      advisor.render({
-        container: '#img-chart',
-        spec: parsedData,
-      } as any);
+      advisor.render('#img-chart', parsedData);
     } catch (error) {
-      message.error(`请输入有效的 JSON 格式数据: ${(error as Error).message}`);
+      message.error(`请输入有效的 JSON 格式数据: ${error}`);
     }
   };