提交 49e5d048 authored 作者: 周雨莹's avatar 周雨莹

'...'

上级 19dd9d96
......@@ -4,6 +4,25 @@
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@antv/adjust": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/@antv/adjust/-/adjust-0.2.2.tgz",
"integrity": "sha512-b5cABT0WWgKU8pfhW2ssID4FBXDBnHPuxU/HAV3nOMq1lso2BI2/r1hHnrVMZId5Dntb7YrVTOsokiD9DFZ2+w==",
"requires": {
"@antv/util": "~2.0.0",
"tslib": "^1.10.0"
}
},
"@antv/attr": {
"version": "0.3.2",
"resolved": "https://registry.npmjs.org/@antv/attr/-/attr-0.3.2.tgz",
"integrity": "sha512-31PfcVKeQdPBmr/QD+IC0NB/FbdtVKOXBCNMepFc5/dEs7jphmgG1V4tfAJmcXIHubCTHOjpscTrDIvoKSGvMQ==",
"requires": {
"@antv/color-util": "^2.0.1",
"@antv/util": "~2.0.0",
"tslib": "^1.10.0"
}
},
"@antv/color-util": {
"version": "2.0.5",
"resolved": "https://registry.npmjs.org/@antv/color-util/-/color-util-2.0.5.tgz",
......@@ -40,6 +59,28 @@
}
}
},
"@antv/coord": {
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/@antv/coord/-/coord-0.3.0.tgz",
"integrity": "sha512-lm5Ct+r62mFVqhziKoDFN3PQjnkNBMOoOG+kBsPq3M3GqlQt5Jc7euOHMFcYSZM9HJmsKkGcih6EWDVVliMEZg==",
"requires": {
"@antv/matrix-util": "^3.1.0-beta.2",
"@antv/util": "~2.0.3",
"tslib": "^1.10.0"
},
"dependencies": {
"@antv/matrix-util": {
"version": "3.1.0-beta.2",
"resolved": "https://registry.npmjs.org/@antv/matrix-util/-/matrix-util-3.1.0-beta.2.tgz",
"integrity": "sha512-Efwp0ZHxVDK/8RUa/RRWN7HKFHJmjn7Oq5HaNBbCmsxd7JTla3Zsoq1AZrjWMDlq0lplo77urclwI+XIW8NEHw==",
"requires": {
"@antv/util": "^2.0.9",
"gl-matrix": "^3.3.0",
"tslib": "^1.10.0"
}
}
}
},
"@antv/dom-util": {
"version": "2.0.2",
"resolved": "https://registry.npmjs.org/@antv/dom-util/-/dom-util-2.0.2.tgz",
......@@ -94,6 +135,15 @@
"gl-matrix": "^3.0.0"
}
},
"@antv/g-gesture": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/@antv/g-gesture/-/g-gesture-1.0.0.tgz",
"integrity": "sha512-RljojCkmkTyxBOd6qLCOtF3Yk8JAYpa8J+CuHkjH4/SFFeJhakAkQnYAkLccaGrjYWAwC9IOPzEgK1cTd7v/gw==",
"requires": {
"@antv/event-emitter": "~0.1.2",
"d3-ease": "^1.0.5"
}
},
"@antv/g-math": {
"version": "0.1.3",
"resolved": "https://registry.npmjs.org/@antv/g-math/-/g-math-0.1.3.tgz",
......@@ -121,6 +171,86 @@
}
}
},
"@antv/g2": {
"version": "4.0.14",
"resolved": "https://registry.npmjs.org/@antv/g2/-/g2-4.0.14.tgz",
"integrity": "sha512-vQ8CbjmsYaeEUT7cWVuxNpoZO1xJFTW3a82V9BgcXauDyj4efFElqz663/SGckuaVoG764Kt9rz3eu14xaN7yA==",
"requires": {
"@antv/adjust": "^0.2.1",
"@antv/attr": "^0.3.1",
"@antv/color-util": "^2.0.2",
"@antv/component": "^0.6.0",
"@antv/coord": "^0.3.0",
"@antv/event-emitter": "~0.1.0",
"@antv/g-base": "^0.4.3",
"@antv/g-canvas": "^0.4.0",
"@antv/g-svg": "^0.4.0",
"@antv/matrix-util": "^3.1.0-beta.1",
"@antv/path-util": "^2.0.3",
"@antv/scale": "^0.3.1",
"@antv/util": "~2.0.5",
"tslib": "^2.0.0"
},
"dependencies": {
"@antv/matrix-util": {
"version": "3.1.0-beta.2",
"resolved": "https://registry.npmjs.org/@antv/matrix-util/-/matrix-util-3.1.0-beta.2.tgz",
"integrity": "sha512-Efwp0ZHxVDK/8RUa/RRWN7HKFHJmjn7Oq5HaNBbCmsxd7JTla3Zsoq1AZrjWMDlq0lplo77urclwI+XIW8NEHw==",
"requires": {
"@antv/util": "^2.0.9",
"gl-matrix": "^3.3.0",
"tslib": "^1.10.0"
},
"dependencies": {
"tslib": {
"version": "1.13.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-1.13.0.tgz",
"integrity": "sha512-i/6DQjL8Xf3be4K/E6Wgpekn5Qasl1usyw++dAA35Ue5orEn65VIxOA+YvNNl9HV3qv70T7CNwjODHZrLwvd1Q=="
}
}
},
"tslib": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.1.tgz",
"integrity": "sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ=="
}
}
},
"@antv/g2plot": {
"version": "1.1.22",
"resolved": "https://registry.npmjs.org/@antv/g2plot/-/g2plot-1.1.22.tgz",
"integrity": "sha512-t2vl7WIzenAGJ6R8oureKANZB7B7IrLJaH7XwnDS3TFlg2iQ3Hk1CXoMdWUFwjwEPUbUPz0gvUncuPHjyH7wnA==",
"requires": {
"@antv/component": "~0.6.1",
"@antv/coord": "~0.3.0",
"@antv/dom-util": "~2.0.2",
"@antv/event-emitter": "~0.1.2",
"@antv/g-base": "~0.4.0",
"@antv/g-canvas": "~0.4.0",
"@antv/g-gesture": "~1.0.0",
"@antv/g-svg": "~0.4.0",
"@antv/g2": "~4.0.9",
"@antv/matrix-util": "~3.1.0-beta.1",
"@antv/scale": "~0.3.1",
"@antv/util": "~2.0.7",
"d3-regression": "~1.3.4",
"resize-observer-polyfill": "^1.5.1",
"tslib": "^1.11.1",
"warning": "^4.0.3"
},
"dependencies": {
"@antv/matrix-util": {
"version": "3.1.0-beta.2",
"resolved": "https://registry.npmjs.org/@antv/matrix-util/-/matrix-util-3.1.0-beta.2.tgz",
"integrity": "sha512-Efwp0ZHxVDK/8RUa/RRWN7HKFHJmjn7Oq5HaNBbCmsxd7JTla3Zsoq1AZrjWMDlq0lplo77urclwI+XIW8NEHw==",
"requires": {
"@antv/util": "^2.0.9",
"gl-matrix": "^3.3.0",
"tslib": "^1.10.0"
}
}
}
},
"@antv/g6": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/@antv/g6/-/g6-3.6.0.tgz",
......@@ -4086,6 +4216,11 @@
"resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.7.tgz",
"integrity": "sha512-RKPAeXnkC59IDGD0Wu5mANy0Q2V28L+fNe65pOCXVdVuTJS3WPKaJlFHer32Rbh9gIo9qMuJXio8ra4+YmIymA=="
},
"d3-regression": {
"version": "1.3.4",
"resolved": "https://registry.npmjs.org/d3-regression/-/d3-regression-1.3.4.tgz",
"integrity": "sha512-o5nwONeooEfy+L98Ej+WPccb6LgLKtsnXLuWzXb8Ta1mN95Jy0Aw9X2TxV+S+OW+NcrBfEjxSURoSlQfVAEkrg=="
},
"d3-timer": {
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.10.tgz",
......@@ -4593,6 +4728,19 @@
"safer-buffer": "^2.1.0"
}
},
"echarts": {
"version": "4.8.0",
"resolved": "https://registry.npmjs.org/echarts/-/echarts-4.8.0.tgz",
"integrity": "sha512-YwShpug8fWngj/RlgxDaYrLBoD+LsZUArrusjNPHpAF+is+gGe38xx4W848AwWMGoi745t3OXM52JedNrv+F6g==",
"requires": {
"zrender": "4.3.1"
}
},
"echarts-liquidfill": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/echarts-liquidfill/-/echarts-liquidfill-2.0.6.tgz",
"integrity": "sha512-p+AH0O9/BtwXMQQyhjJbMZo+GwRAgWG/DCyK5r27PQzpS0UWrgXu57MyEFc0A8Ub3sRuqEu08BuxwHICBkSWSQ=="
},
"ee-first": {
"version": "1.1.1",
"resolved": "https://registry.npm.taobao.org/ee-first/download/ee-first-1.1.1.tgz",
......@@ -6784,8 +6932,7 @@
"js-tokens": {
"version": "4.0.0",
"resolved": "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz?cache=0&sync_timestamp=1586796432028&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjs-tokens%2Fdownload%2Fjs-tokens-4.0.0.tgz",
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk=",
"dev": true
"integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk="
},
"js-yaml": {
"version": "3.14.0",
......@@ -7086,7 +7233,6 @@
"version": "1.4.0",
"resolved": "https://registry.npm.taobao.org/loose-envify/download/loose-envify-1.4.0.tgz",
"integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
"dev": true,
"requires": {
"js-tokens": "^3.0.0 || ^4.0.0"
}
......@@ -11047,6 +11193,14 @@
"resolved": "https://registry.npm.taobao.org/vuex/download/vuex-3.5.1.tgz",
"integrity": "sha1-8bjc6mSbwlJUz09DWAgdv12hiz0="
},
"warning": {
"version": "4.0.3",
"resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
"integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
"requires": {
"loose-envify": "^1.0.0"
}
},
"watchpack": {
"version": "1.7.4",
"resolved": "https://registry.npm.taobao.org/watchpack/download/watchpack-1.7.4.tgz",
......@@ -11899,6 +12053,11 @@
"dev": true
}
}
},
"zrender": {
"version": "4.3.1",
"resolved": "https://registry.npmjs.org/zrender/-/zrender-4.3.1.tgz",
"integrity": "sha512-CeH2TpJeCdG0TAGYoPSAcFX2ogdug1K7LIn9UO/q9HWqQ54gWhrMAlDP9AwWYMUDhrPe4VeazQ4DW3msD96nUQ=="
}
}
}
......@@ -8,8 +8,12 @@
"lint": "vue-cli-service lint"
},
"dependencies": {
"@antv/g2": "^4.0.14",
"@antv/g2plot": "^1.1.22",
"@antv/g6": "^3.6.0",
"core-js": "^3.6.5",
"echarts": "^4.8.0",
"echarts-liquidfill": "^2.0.6",
"element-ui": "^2.13.2",
"vue": "^2.6.11",
"vue-router": "^3.2.0",
......
......@@ -4,6 +4,7 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!--<script src="https://gw.alipayobjects.com/os/lib/antv/g2/3.4.10/dist/g2.min.js"></script>-->
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
......
......@@ -7,6 +7,8 @@ import './assets/styles/replace-element.css'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import G6 from '@antv/g6';
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
Vue.use(G6);
Vue.use(ElementUI);
Vue.config.productionTip = false
......
<template>
<div class="container" id="main">
</div>
</template>
<script>
import echarts from 'echarts'
import 'echarts-liquidfill'
export default {
data(){
return{
}
},
mounted(){
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
var option = {
series: [{
type: 'liquidFill',
animationDuration: 500,
outline: {
show: true,
borderDistance: 10,
itemStyle: {
color: '#94b3f4',
borderColor: '#dae4fd',
borderWidth: 10,
shadowBlur: 0,
shadowColor: 'rgba(0, 0, 0, 0)'
}
},
backgroundStyle: {
color: '#7ca7f9',
borderColor: '#abd3f9',
borderWidth: 2,
},
radius: '90%',
data: [
{
value:0.44,
itemStyle: {
normal: {
opacity: 1,
color: '#215edb'
}
},
},
{
value: 0.36,
direction: 'left',
itemStyle: {
normal: {
opacity: 1,
color: '#3a69f4'
}
},
},
{
value:0.28,
itemStyle: {
normal: {
opacity: 1,
color: '#407bf9'
}
},
}
],
label: {
normal: {
formatter: '完成度\n44%',
textStyle: {
color: '#fff',
insideColor: 'white',
fontSize: 12,
fontWeight: 'normal',
}
}
}
}]
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
}
}
</script>
<style>
.container{
width: 100%;
height: 100px;
}
</style>
\ No newline at end of file
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论