Auto Commit

.inscode

 run = "npm i && npm run dev"
+language = "node"
 
 [env]
 PATH = "/root/${PROJECT_DIR}/.config/npm/node_global/bin:/root/${PROJECT_DIR}/node_modules/.bin:${PATH}"
 XDG_CONFIG_HOME = "/root/.config"
-npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
\ No newline at end of file
+npm_config_prefix = "/root/${PROJECT_DIR}/.config/npm/node_global"
+
+[debugger]
+program = "main.js"

package.json

@@ -12,6 +12,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "echarts": "^5.4.3",
+    "echarts-for-react": "^3.0.2",
     "guess": "^1.0.2"
   },
   "devDependencies": {

src/App.jsx

-import './App.css'
+import React from 'react';
+import ReactEcharts from 'echarts-for-react';
+
+const EchartsExample = () => {
+  const getOption = () => {
+    return {
+      title: {
+        text: 'ECharts 入门示例',
+      },
+      tooltip: {},
+      xAxis: {
+        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+      },
+      yAxis: {},
+      series: [
+        {
+          name: '销量',
+          type: 'bar',
+          data: [120, 200, 150, 80, 70, 110, 130],
+        },
+      ],
+    };
+  };
 
-export default function App() {
   return (
-    <main>
-      React + Vite + InsCode
-    </main>
-  )
-}
+    <div style={{ width: '100%', height: 400 }}>
+      <ReactEcharts option={getOption()} />
+    </div>
+  );
+};
 
+export default EchartsExample;