|
@@ -4,17 +4,46 @@
|
|
|
|
|
|
<script>
|
|
|
var echarts = require("echarts");
|
|
|
+import bus from '@/utils/bus.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ series:[],
|
|
|
+ ids:[]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ bus.$on('drawLine', list => {
|
|
|
+ this.ids = list
|
|
|
+ this.formatStackArr()
|
|
|
+ console.log('on,list---->', list)
|
|
|
+ })
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.drawItLine();
|
|
|
},
|
|
|
props: ["stackArr"],
|
|
|
methods: {
|
|
|
+ formatStackArr(){
|
|
|
+ this.series = []
|
|
|
+ this.stackArr.forEach(el=>{
|
|
|
+ this.ids.forEach(ele=>{
|
|
|
+ if(ele.id==el.spaceDayRpt.id){
|
|
|
+ let obj = {
|
|
|
+ name: el.spaceDayRpt.spaceLocalName,
|
|
|
+ type: "line",
|
|
|
+ stack: "总量",
|
|
|
+ data: el.tdbList.data.slice(1).map(i=>i[1])
|
|
|
+ }
|
|
|
+ this.series.push(obj)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ this.drawItLine();
|
|
|
+ },
|
|
|
drawItLine() {
|
|
|
+
|
|
|
let myCharts = echarts.init(document.getElementById("lineCharts"));
|
|
|
+ myCharts.clear()
|
|
|
var option = {
|
|
|
title: {
|
|
|
// text: "折线图堆叠"
|
|
@@ -23,11 +52,11 @@ export default {
|
|
|
trigger: "axis"
|
|
|
},
|
|
|
legend: {
|
|
|
- data: ["", "", ""],
|
|
|
+
|
|
|
icon: "stack",
|
|
|
right: 28
|
|
|
},
|
|
|
- color: ["#0091FF", "#00D6B9", "#FFBA6B"],
|
|
|
+ // color: ["#0091FF", "#00D6B9", "#FFBA6B"],
|
|
|
grid: {
|
|
|
left: "3%",
|
|
|
right: "4%",
|
|
@@ -78,104 +107,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- series: [
|
|
|
- {
|
|
|
- name: "优衣库",
|
|
|
- type: "line",
|
|
|
- stack: "总量",
|
|
|
- data: [
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- name: "海底捞",
|
|
|
- type: "line",
|
|
|
- stack: "总量",
|
|
|
- data: [
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0
|
|
|
- ]
|
|
|
- },
|
|
|
- {
|
|
|
- name: "大玩家",
|
|
|
- type: "line",
|
|
|
- stack: "总量",
|
|
|
- data: [
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0,
|
|
|
- 0
|
|
|
- ]
|
|
|
- }
|
|
|
- ]
|
|
|
+ series: this.series
|
|
|
};
|
|
|
myCharts.setOption(option);
|
|
|
}
|