v-chart

package-lock.json

@@ -4046,6 +4046,29 @@
         "safer-buffer": "^2.1.0"
       }
     },
+    "echarts": {
+      "version": "4.4.0",
+      "resolved": "http://192.168.110.93:4873/echarts/-/echarts-4.4.0.tgz",
+      "integrity": "sha512-zJD1YaONA2Ib6rKCpkU9rT/K+OFJ/F0/3Mj5FamGLXytBV5g36gsQGv8sYL7fVs/BFj/sn3wemyctlgIHMCA5w==",
+      "requires": {
+        "zrender": "4.1.1"
+      }
+    },
+    "echarts-amap": {
+      "version": "1.0.0-rc.6",
+      "resolved": "http://192.168.110.93:4873/echarts-amap/-/echarts-amap-1.0.0-rc.6.tgz",
+      "integrity": "sha1-V4KnTa7lLtRM4/j2JXdWF4PwnhY="
+    },
+    "echarts-liquidfill": {
+      "version": "2.0.5",
+      "resolved": "http://192.168.110.93:4873/echarts-liquidfill/-/echarts-liquidfill-2.0.5.tgz",
+      "integrity": "sha512-3G19W5ngoh1L3BXYuD34g0Vd30ORWvQtyxRuL+7vmOZ3FkF6xkgD4pfcCL7QVAQOr+XZ4OiD2ot6dNGsRhflcg=="
+    },
+    "echarts-wordcloud": {
+      "version": "1.1.3",
+      "resolved": "http://192.168.110.93:4873/echarts-wordcloud/-/echarts-wordcloud-1.1.3.tgz",
+      "integrity": "sha512-Et8D5xEAoYkidmHun+hEH+2lF9dhCt6D0JJ390vlr2r/1zwhhZAbcL01CEvG93QcMcJpSvSPK8vRiGkTbMHRxg=="
+    },
     "editorconfig": {
       "version": "0.15.3",
       "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
@@ -8737,6 +8760,11 @@
       "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
       "dev": true
     },
+    "numerify": {
+      "version": "1.2.9",
+      "resolved": "http://192.168.110.93:4873/numerify/-/numerify-1.2.9.tgz",
+      "integrity": "sha512-X4QzQiytV5ZN3TVLhzbtFzjTarUNnaa1pgNDFqt7u7Nqhxe7FvY2eYrGt4WYHlYXDqgtfC/n/a5nJ2y0LijV8w=="
+    },
     "nuxt": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/nuxt/-/nuxt-2.8.1.tgz",
@@ -12355,6 +12383,11 @@
       "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
       "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw="
     },
+    "utils-lite": {
+      "version": "0.1.10",
+      "resolved": "http://192.168.110.93:4873/utils-lite/-/utils-lite-0.1.10.tgz",
+      "integrity": "sha512-jlHvdtI8MyWURF/3u+ufIjf1Cs5WjN6WZl9qO8dEkZsVjaI7X5YMUhaCFzkvB69ljt6fo4Dd7V/Oj2NJOFDFOQ=="
+    },
     "utils-merge": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
@@ -12365,6 +12398,18 @@
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.3.2.tgz",
       "integrity": "sha512-yXJmeNaw3DnnKAOKJE51sL/ZaYfWJRl1pK9dr19YFCu0ObS231AB1/LbqTKRAQ5kw8A90rA6fr4riOUpTZvQZA=="
     },
+    "v-charts": {
+      "version": "1.19.0",
+      "resolved": "http://192.168.110.93:4873/v-charts/-/v-charts-1.19.0.tgz",
+      "integrity": "sha512-vm2HBUmxAsXK0ivwce9LytcpqrItDA5JSPLYVxZXtiuoyhcn80XX1/3dPJd/1GqG1OYv3jfBo1s9ra4q8GowqA==",
+      "requires": {
+        "echarts-amap": "1.0.0-rc.6",
+        "echarts-liquidfill": "^2.0.2",
+        "echarts-wordcloud": "^1.1.3",
+        "numerify": "1.2.9",
+        "utils-lite": "0.1.10"
+      }
+    },
     "validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -13636,6 +13681,11 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ylru/-/ylru-1.2.1.tgz",
       "integrity": "sha512-faQrqNMzcPCHGVC2aaOINk13K+aaBDUPjGWl0teOXywElLjyVAB6Oe2jj62jHYtwsU49jXhScYbvPENK+6zAvQ=="
+    },
+    "zrender": {
+      "version": "4.1.1",
+      "resolved": "http://192.168.110.93:4873/zrender/-/zrender-4.1.1.tgz",
+      "integrity": "sha512-epy1rl82dP/JKxhZl+JRfwcZjobKOoynxBzvBZJBPjmDMAxBE4grLjDryx8BHkHlKyWsUkis4XEL2wN61w5l4w=="
     }
   }
 }

package.json

@@ -6,7 +6,7 @@
   "private": true,
   "scripts": {
     "test": "jest",
-    "dev": "cross-env NODE_ENV=development NUXT_ENV_APP=dev PORT=4000 nodemon server/index.js --watch server",
+    "dev": "cross-env NODE_ENV=development NUXT_ENV_APP=dev PORT=4001 nodemon server/index.js --watch server",
     "build": "NUXT_ENV_APP=${ENV} nuxt build",
     "start": "cross-env NUXT_ENV_APP=${ENV} HOST=0.0.0.0 PORT=3010 NODE_ENV=production node server/index.js",
     "generate": "nuxt generate"
@@ -14,8 +14,10 @@
   "dependencies": {
     "cookie-universal": "^2.0.16",
     "cross-env": "^5.2.0",
+    "echarts": "^4.4.0",
     "koa": "^2.6.2",
     "nuxt": "^2.0.0",
+    "v-charts": "^1.19.0",
     "vant": "^2.0.9"
   },
   "devDependencies": {

pages/index.vue

 <template>
   <div class="container">
     <h1>nuxt-ssr</h1>
-    <about />
+    <ve-line :data="chartData"></ve-line>
   </div>
 </template>
 
 <script>
-import request from '@/service/api'
-import { getHospital } from '@/service';
-
-import About from '../components/about';
+import VeLine from 'v-charts/lib/line'
 
 export default {
-  components: {
-    About
-  },
-  async asyncData({ $axios }) {
-    console.log('index page async data');
-    const { data } = await request({
-      baseURL: 'https://sc.yunqueyi.com',
-      url: '/contents/template/116/widgetList?token=55122B14EAD64B77B4D65E083C994979&setEntry=true'
-    });
-    
-    return { hos: data.model.widgetList }
-  },
-  fetch() {
-    console.log('index page fetch');
+  async asyncData() {
     return {
-      fetch: 'fetch'
+      chartData: {
+        columns: ['date', 'PV'],
+        rows: [
+          { 'date': '01-01', 'PV': 1231 },
+          { 'date': '01-02', 'PV': 1223 },
+          { 'date': '01-03', 'PV': 2123 },
+          { 'date': '01-04', 'PV': 4123 },
+          { 'date': '01-05', 'PV': 3123 },
+          { 'date': '01-06', 'PV': 7123 }
+        ]
+      }
     }
   },
+  components: { VeLine },
   created() {
     // this.$store.dispatch('searchHospital', { name: '测试' });
   },