|
@@ -97,14 +97,16 @@ export default {
|
|
|
return this.bardata.legend;
|
|
|
},
|
|
|
end() {
|
|
|
- var result = 20;
|
|
|
- if (this.areaData) {
|
|
|
+ var result = 100;
|
|
|
+ if (this.areaData && this.areaData.length > 0) {
|
|
|
result = parseInt((this.pageSize / this.areaData.length) * 100);
|
|
|
}
|
|
|
+
|
|
|
return result;
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ resize() {},
|
|
|
initChart() {
|
|
|
let chart = echarts.init(this.$el);
|
|
|
let option = {
|
|
@@ -278,6 +280,12 @@ export default {
|
|
|
}
|
|
|
|
|
|
chart.setOption(option);
|
|
|
+
|
|
|
+ this.resize = function() {
|
|
|
+ chart.resize();
|
|
|
+ };
|
|
|
+
|
|
|
+ window.addEventListener("resize", this.resize);
|
|
|
},
|
|
|
},
|
|
|
created() {
|
|
@@ -301,6 +309,9 @@ export default {
|
|
|
this.initChart();
|
|
|
});
|
|
|
},
|
|
|
+ unmounted() {
|
|
|
+ window.removeEventListener("resize", this.resize);
|
|
|
+ },
|
|
|
watch: {
|
|
|
bardata(val) {
|
|
|
if (val.area && val.area.length < this.pageSize) {
|