Startseite Erkunden Hilfe
Registrieren Anmelden
nkkj
/
npm-start
2
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

init: test echarts

RyaneMax vor 8 Monaten
Commit
166c7643e6
6 geänderte Dateien mit 118 neuen und 0 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 2 0
      .gitignore
  2. 12 0
      README.md
  3. 8 0
      build.ps1
  4. 44 0
      index.html
  5. 38 0
      package-lock.json
  6. 14 0
      package.json

+ 2 - 0
.gitignore
Datei anzeigen 

@@ -0,0 +1,2 @@
 
+node_modules/
 
+dist/

+ 12 - 0
README.md
Datei anzeigen 

@@ -0,0 +1,12 @@
 
+# 简单的npm项目示例：Echarts图表
 
+
 
+
 
+# 使用方法
 
+
 
+- 安装
 
+``` bash
 
+npm i
 
+./build.ps1
 
+```
 
+- 启动
 
+    - live server，打开dist/index.html

+ 8 - 0
build.ps1
Datei anzeigen 

@@ -0,0 +1,8 @@
 
+# 创建dist目标文件夹
 
+mkdir -p dist
 
+
 
+# 复制html到该文件
 
+cp index.html dist/
 
+
 
+# 复制echarts到该文件
 
+cp ./node_modules/echarts/dist/echarts.js dist/

+ 44 - 0
index.html
Datei anzeigen 

@@ -0,0 +1,44 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <script src="./echarts.js"></script>
 
+
 
+</head>
 
+<body>
 
+    
+<!-- 为 ECharts 准备一个定义了宽高的 DOM -->
 
+<div id="main" style="width: 600px;height:400px;"></div>
 
+<script type="text/javascript">
 
+  // 基于准备好的dom，初始化echarts实例
 
+  var myChart = echarts.init(document.getElementById('main'));
 
+
 
+  // 指定图表的配置项和数据
 
+  var option = {
 
+    title: {
 
+      text: 'ECharts 入门示例'
 
+    },
 
+    tooltip: {},
 
+    legend: {
 
+      data: ['销量']
 
+    },
 
+    xAxis: {
 
+      data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
 
+    },
 
+    yAxis: {},
 
+    series: [
 
+      {
 
+        name: '销量',
 
+        type: 'bar',
 
+        data: [5, 20, 36, 10, 10, 20]
 
+      }
 
+    ]
 
+  };
 
+
 
+  // 使用刚指定的配置项和数据显示图表。
 
+  myChart.setOption(option);
 
+</script>
 
+</body>
 
+</html>

+ 38 - 0
package-lock.json
Datei anzeigen 

@@ -0,0 +1,38 @@
 
+{
 
+  "name": "testecharts",
 
+  "version": "1.0.0",
 
+  "lockfileVersion": 3,
 
+  "requires": true,
 
+  "packages": {
 
+    "": {
 
+      "name": "testecharts",
 
+      "version": "1.0.0",
 
+      "license": "ISC",
 
+      "dependencies": {
 
+        "echarts": "^5.5.1"
 
+      }
 
+    },
 
+    "node_modules/echarts": {
 
+      "version": "5.5.1",
 
+      "resolved": "https://registry.npmmirror.com/echarts/-/echarts-5.5.1.tgz",
 
+      "integrity": "sha512-Fce8upazaAXUVUVsjgV6mBnGuqgO+JNDlcgF79Dksy4+wgGpQB2lmYoO4TSweFg/mZITdpGHomw/cNBJZj1icA==",
 
+      "dependencies": {
 
+        "tslib": "2.3.0",
 
+        "zrender": "5.6.0"
 
+      }
 
+    },
 
+    "node_modules/tslib": {
 
+      "version": "2.3.0",
 
+      "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.3.0.tgz",
 
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
 
+    },
 
+    "node_modules/zrender": {
 
+      "version": "5.6.0",
 
+      "resolved": "https://registry.npmmirror.com/zrender/-/zrender-5.6.0.tgz",
 
+      "integrity": "sha512-uzgraf4njmmHAbEUxMJ8Oxg+P3fT04O+9p7gY+wJRVxo8Ge+KmYv0WJev945EH4wFuc4OY2NLXz46FZrWS9xJg==",
 
+      "dependencies": {
 
+        "tslib": "2.3.0"
 
+      }
 
+    }
 
+  }
 
+}

+ 14 - 0
package.json
Datei anzeigen 

@@ -0,0 +1,14 @@
 
+{
 
+  "name": "testecharts",
 
+  "version": "1.0.0",
 
+  "main": "index.js",
 
+  "scripts": {
 
+    "test": "echo \"Error: no test specified\" && exit 1"
 
+  },
 
+  "author": "ryane",
 
+  "license": "ISC",
 
+  "description": "",
 
+  "dependencies": {
 
+    "echarts": "^5.5.1"
 
+  }
 
+}