|
@@ -10,6 +10,7 @@
|
|
|
|
|
|
<script>
|
|
|
import * as echarts from 'echarts';
|
|
|
+ import {getSjlylxtj} from '@/api/bigdata'
|
|
|
export default {
|
|
|
name: 'event',
|
|
|
data() {
|
|
@@ -26,16 +27,16 @@
|
|
|
methods:{
|
|
|
// 出处 https://echarts.apache.org/examples/zh/editor.html?c=pie-borderRadius
|
|
|
//http://192.144.199.210:8080/editor/index.html?chart_id=K8nTnNyu0caN65uT
|
|
|
-
|
|
|
+
|
|
|
myEcharts() {
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
var chartDom = document.getElementById('event');
|
|
|
var myChart = echarts.init(chartDom);
|
|
|
var color = ['#02CDFF', '#62FBE7', '#7930FF','#E148EB','#ecb935']
|
|
|
var option;
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
option = {
|
|
|
color: color,
|
|
|
tooltip: {
|
|
@@ -49,7 +50,7 @@
|
|
|
center:['50%','60%'],
|
|
|
radius: ['55%', '70%'],
|
|
|
avoidLabelOverlap: false,
|
|
|
-
|
|
|
+
|
|
|
label: {
|
|
|
show: false,
|
|
|
position: 'center'
|
|
@@ -72,16 +73,16 @@
|
|
|
{ value: 300, name: '事件5' }
|
|
|
]
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
]
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
option && myChart.setOption(option);
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
myEcharts2() {
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
var chartDom = document.getElementById('event2');
|
|
|
var myChart = echarts.init(chartDom);
|
|
|
let dashedPic =
|
|
@@ -114,21 +115,21 @@
|
|
|
value: 30696,
|
|
|
unit: '列',
|
|
|
},
|
|
|
-
|
|
|
+
|
|
|
];
|
|
|
let arrName = [];
|
|
|
let arrValue = [];
|
|
|
let sum = 0;
|
|
|
let pieSeries = [],
|
|
|
lineYAxis = [];
|
|
|
-
|
|
|
+
|
|
|
// 数据处理
|
|
|
chartData.forEach((v, i) => {
|
|
|
arrName.push(v.name);
|
|
|
arrValue.push(v.value);
|
|
|
sum = sum + v.value;
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
// 图表option整理
|
|
|
chartData.forEach((v, i) => {
|
|
|
pieSeries.push({
|
|
@@ -209,7 +210,7 @@
|
|
|
},
|
|
|
});
|
|
|
});
|
|
|
-
|
|
|
+
|
|
|
option = {
|
|
|
color: color,
|
|
|
grid: {
|
|
@@ -287,9 +288,9 @@
|
|
|
],
|
|
|
series: pieSeries,
|
|
|
};
|
|
|
-
|
|
|
+
|
|
|
option && myChart.setOption(option);
|
|
|
-
|
|
|
+
|
|
|
},
|
|
|
|
|
|
|