You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
13 KiB
125 lines
13 KiB
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var echarts = require("../../../../components/ec-canvas/echarts.js");
|
|
function setOption(chart, chartData, echartsColorList) {
|
|
var option = {
|
|
color: echartsColorList,
|
|
series: [
|
|
{
|
|
type: 'pie',
|
|
radius: ['72%', '95%'],
|
|
silent: true,
|
|
avoidLabelOverlap: false,
|
|
label: {
|
|
show: false
|
|
},
|
|
labelLine: {
|
|
show: false,
|
|
normal: {
|
|
show: false
|
|
}
|
|
},
|
|
itemStyle: {
|
|
borderColor: '#fff',
|
|
borderWidth: '2'
|
|
},
|
|
data: chartData
|
|
}
|
|
]
|
|
};
|
|
chart.setOption(option);
|
|
}
|
|
Component({
|
|
data: {
|
|
ec: {
|
|
lazyLoad: true
|
|
},
|
|
colorList: ['#fe6963', '#ffc600', '#e7a756', '#cfedec'],
|
|
echartsColorList: [],
|
|
chartData: []
|
|
},
|
|
properties: {
|
|
order: {
|
|
type: Number,
|
|
value: 0
|
|
},
|
|
contentObj: {
|
|
type: Object,
|
|
value: {},
|
|
observer: function (value) {
|
|
var chartData = [];
|
|
var echartsColorList = [];
|
|
if (value.byselfPercent == 0 && value.whistleCommunityPercent == 0 && value.whistleStreetPercent == 0) {
|
|
if (value.byselfPercent == 0) {
|
|
chartData.push({
|
|
value: value.byselfPercent,
|
|
name: '自治率'
|
|
});
|
|
echartsColorList.push('#29B9A5');
|
|
}
|
|
if (value.whistleCommunityPercent == 0) {
|
|
chartData.push({
|
|
value: value.whistleCommunityPercent,
|
|
name: '吹哨社区率'
|
|
});
|
|
echartsColorList.push('#FFA270');
|
|
}
|
|
if (value.whistleStreetPercent == 0) {
|
|
chartData.push({
|
|
value: value.whistleStreetPercent,
|
|
name: '吹哨街道率'
|
|
});
|
|
echartsColorList.push('#FFC600');
|
|
}
|
|
}
|
|
else {
|
|
if (value.byselfPercent > 0) {
|
|
chartData.push({
|
|
value: value.byselfPercent,
|
|
name: '自治率'
|
|
});
|
|
echartsColorList.push('#29B9A5');
|
|
}
|
|
if (value.whistleCommunityPercent > 0) {
|
|
chartData.push({
|
|
value: value.whistleCommunityPercent,
|
|
name: '吹哨社区率'
|
|
});
|
|
echartsColorList.push('#FFA270');
|
|
}
|
|
if (value.whistleStreetPercent > 0) {
|
|
chartData.push({
|
|
value: value.whistleStreetPercent,
|
|
name: '吹哨街道率'
|
|
});
|
|
echartsColorList.push('#FFC600');
|
|
}
|
|
}
|
|
this.setData({
|
|
chartData: chartData,
|
|
echartsColorList: echartsColorList
|
|
});
|
|
}
|
|
}
|
|
},
|
|
lifetimes: {
|
|
attached: function () {
|
|
this.ecComponent = this.selectComponent('#mychart-dom-bar');
|
|
this.init();
|
|
}
|
|
},
|
|
methods: {
|
|
init: function () {
|
|
var _this = this;
|
|
this.ecComponent.init(function (canvas, width, height) {
|
|
var chart = echarts.init(canvas, null, {
|
|
width: width,
|
|
height: height
|
|
});
|
|
setOption(chart, _this.data.chartData, _this.data.echartsColorList);
|
|
return chart;
|
|
});
|
|
}
|
|
}
|
|
});
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZExpc3RJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiZ3JpZExpc3RJdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQ0EscUVBQXNFO0FBRXRFLFNBQVMsU0FBUyxDQUFDLEtBQVUsRUFBRSxTQUFtQixFQUFFLGdCQUEwQjtJQUM1RSxJQUFNLE1BQU0sR0FBRztRQUNiLEtBQUssRUFBRSxnQkFBZ0I7UUFDdkIsTUFBTSxFQUFFO1lBQ047Z0JBQ0UsSUFBSSxFQUFFLEtBQUs7Z0JBQ1gsTUFBTSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQztnQkFDdEIsTUFBTSxFQUFFLElBQUk7Z0JBQ1osaUJBQWlCLEVBQUUsS0FBSztnQkFDeEIsS0FBSyxFQUFFO29CQUNMLElBQUksRUFBRSxLQUFLO2lCQUNaO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxJQUFJLEVBQUUsS0FBSztvQkFDWCxNQUFNLEVBQUU7d0JBQ04sSUFBSSxFQUFFLEtBQUs7cUJBQ1o7aUJBQ0Y7Z0JBQ0QsU0FBUyxFQUFFO29CQUNULFdBQVcsRUFBRSxNQUFNO29CQUNuQixXQUFXLEVBQUUsR0FBRztpQkFDakI7Z0JBQ0QsSUFBSSxFQUFDLFNBQVM7YUFDZjtTQUNGO0tBQ0YsQ0FBQTtJQUNELEtBQUssQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLENBQUE7QUFDekIsQ0FBQztBQUVELFNBQVMsQ0FBQztJQUNSLElBQUksRUFBRTtRQUNKLEVBQUUsRUFBRTtZQUNGLFFBQVEsRUFBRSxJQUFJO1NBQ2Y7UUFDRCxTQUFTLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUM7UUFDdkQsZ0JBQWdCLEVBQUUsRUFBRTtRQUNwQixTQUFTLEVBQUUsRUFBRTtLQUNkO0lBQ0QsVUFBVSxFQUFFO1FBQ1YsS0FBSyxFQUFFO1lBQ0wsSUFBSSxFQUFFLE1BQU07WUFDWixLQUFLLEVBQUUsQ0FBQztTQUNUO1FBQ0QsVUFBVSxFQUFFO1lB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QUU7b0JBQ3ZDLEtBQUssRUFBRSxLQUFLO29CQUNaLE1BQU0sRUFBRSxNQUFNO2lCQUNmLENBQUMsQ0FBQTtnQkFDRixTQUFTLENBQUMsS0FBSyxFQUFFLEtBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLEtBQUksQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQTtnQkFDakUsT0FBTyxLQUFLLENBQUE7WUFDZCxDQUFDLENBQUMsQ0FBQTtRQUNKLENBQUM7S0FDRjtDQUNGLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEB0cy1pZ25vcmVcclxuaW1wb3J0ICogYXMgZWNoYXJ0cyBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL2VjLWNhbnZhcy9lY2hhcnRzLmpzJ1xyXG5cclxuZnVuY3Rpb24gc2V0T3B0aW9uKGNoYXJ0OiBhbnksIGNoYXJ0RGF0YTogQW55QXJyYXksIGVjaGFydHNDb2xvckxpc3Q6IEFueUFycmF5KSB7XHJcbiAgY29uc3Qgb3B0aW9uID0ge1xyXG4gICAgY29sb3I6IGVjaGFydHNDb2xvckxpc3QsXHJcbiAgICBzZXJpZXM6IFtcclxuICAgICAge1xyXG4gICAgICAgIHR5cGU6ICdwaWUnLFxyXG4gICAgICAgIHJhZGl1czogWyc3MiUnLCAnOTUlJ10sXHJcbiAgICAgICAgc2lsZW50OiB0cnVlLFxyXG4gICAgICAgIGF2b2lkTGFiZWxPdmVybGFwOiBmYWxzZSxcclxuICAgICAgICBsYWJlbDoge1xyXG4gICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICB9LFxyXG4gICAgICAgIGxhYmVsTGluZToge1xyXG4gICAgICAgICAgc2hvdzogZmFsc2UsXHJcbiAgICAgICAgICBub3JtYWw6IHtcclxuICAgICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICAgIH1cclxuICAgICAgICB9LFxyXG4gICAgICAgIGl0ZW1TdHlsZToge1xyXG4gICAgICAgICAgYm9yZGVyQ29sb3I6ICcjZmZmJyxcclxuICAgICAgICAgIGJvcmRlcldpZHRoOiAnMidcclxuICAgICAgICB9LFxyXG4gICAgICAgIGRhdGE6Y2hhcnREYXRhXHJcbiAgICAgIH1cclxuICAgIF1cclxuICB9XHJcbiAgY2hhcnQuc2V0T3B0aW9uKG9wdGlvbilcclxufVxyXG5cclxuQ29tcG9uZW50KHtcclxuICBkYXRhOiB7XHJcbiAgICBlYzoge1xyXG4gICAgICBsYXp5TG9hZDogdHJ1ZVxyXG4gICAgfSxcclxuICAgIGNvbG9yTGlzdDogWycjZmU2OTYzJywgJyNmZmM2MDAnLCAnI2U3YTc1NicsICcjY2ZlZGVjJ10sXHJcbiAgICBlY2hhcnRzQ29sb3JMaXN0OiBbXSxcclxuICAgIGNoYXJ0RGF0YTogW11cclxuICB9LFxyXG4gIHByb3BlcnRpZXM6IHtcclxuICAgIG9yZGVyOiB7XHJcbiAgICAgIHR5cGU6IE51bWJlcixcclxuICAgICAgdmFsdWU6IDBcclxuICAgIH0sXHJcbiAgICBjb250ZW50T2JqOiB7XHJcbiAgICAgIHR5cGU6IE9iamVjdCxcclxuICAgICAgdmFsdWU6IHt9LFxyXG4gICAgICBvYnNlcnZlcjogZnVuY3Rpb24gKHZhbHVlKSB7XHJcbiAgICAgICAgbGV0IGNoYXJ0RGF0YSA9IFtdXHJcbiAgICAgICAgbGV0IGVjaGFydHNDb2xvckxpc3QgPSBbXVxyXG4gICAgICAgIGlmICh2YWx1ZS5ieXNlbGZQZXJjZW50ID09IDAgJiYgdmFsdWUud2hpc3RsZUNvbW11bml0eVBlcmNlbnQgPT0gMCAmJiB2YWx1ZS53aGlzdGxlU3RyZWV0UGVyY2VudCA9PSAwKXtcclxuICAgICAgICAgIGlmICh2YWx1ZS5ieXNlbGZQZXJjZW50ID09IDApIHtcclxuICAgICAgICAgICAgY2hhcnREYXRhLnB1c2goe1xyXG4gICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZS5ieXNlbGZQZXJjZW50LFxyXG4gICAgICAgICAgICAgIG5hbWU6ICfoh6rmsrvnjocnXHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgIGVjaGFydHNDb2xvckxpc3QucHVzaCgnIzI5QjlBNScpXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICBpZiAodmFsdWUud2hpc3RsZUNvbW11bml0eVBlcmNlbnQgPT0gMCkge1xyXG4gICAgICAgICAgICBjaGFydERhdGEucHVzaCh7XHJcbiAgICAgICAgICAgICAgdmFsdWU6IHZhbHVlLndoaXN0bGVDb21tdW5pdHlQZXJjZW50LFxyXG4gICAgICAgICAgICAgIG5hbWU6ICflkLnlk6jnpL7ljLrnjocnXHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgIGVjaGFydHNDb2xvckxpc3QucHVzaCgnI0ZGQTI3MCcpXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICBpZiAodmFsdWUud2hpc3RsZVN0cmVldFBlcmNlbnQgPT0gMCkge1xyXG4gICAgICAgICAgICBjaGFydERhdGEucHVzaCh7XHJcbiAgICAgICAgICAgICAgdmFsdWU6IHZhbHVlLndoaXN0bGVTdHJlZXRQZXJjZW50LFxyXG4gICAgICAgICAgICAgIG5hbWU6ICflkLnlk6jooZfpgZPnjocnXHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgIGVjaGFydHNDb2xvckxpc3QucHVzaCgnI0ZGQzYwMCcpXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfWVsc2V7XHJcbiAgICAgICAgICBpZiAodmFsdWUuYnlzZWxmUGVyY2VudCA+IDApIHtcclxuICAgICAgICAgICAgY2hhcnREYXRhLnB1c2goe1xyXG4gICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZS5ieXNlbGZQZXJjZW50LFxyXG4gICAgICAgICAgICAgIG5hbWU6ICfoh6rmsrvnjocnXHJcbiAgICAgICAgICAgIH0pXHJcbiAgICAgICAgICAgIGVjaGFydHNDb2xvckxpc3QucHVzaCgnIzI5QjlBNScpXHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgICBpZiAodmFsdWUud2hpc3RsZUNvbW11bml0eVBlcmNlbnQgPiAwKSB7XHJcbiAgICAgICAgICAgIGNoYXJ0RGF0YS5wdXNoKHtcclxuICAgICAgICAgICAgICB2YWx1ZTogdmFsdWUud2hpc3RsZUNvbW11bml0eVBlcmNlbnQsXHJcbiAgICAgICAgICAgICAgbmFtZTogJ+WQueWTqOekvuWMuueOhydcclxuICAgICAgICAgICAgfSlcclxuICAgICAgICAgICAgZWNoYXJ0c0NvbG9yTGlzdC5wdXNoKCcjRkZBMjcwJylcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIGlmICh2YWx1ZS53aGlzdGxlU3RyZWV0UGVyY2VudCA+IDApIHtcclxuICAgICAgICAgICAgY2hhcnREYXRhLnB1c2goe1xyXG4gICAgICAgICAgICAgIHZhbHVlOiB2YWx1ZS53aGlzdGxlU3RyZWV0UGVyY2VudCxcclxuICAgICAgICAgICAgICBuYW1lOiAn5ZC55ZOo6KGX6YGT546HJ1xyXG4gICAgICAgICAgICB9KVxyXG4gICAgICAgICAgICBlY2hhcnRzQ29sb3JMaXN0LnB1c2goJyNGRkM2MDAnKVxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgIFxyXG4gICAgICAgIHRoaXMuc2V0RGF0YSh7XHJcbiAgICAgICAgICAvLyBAdHMtaWdub3JlXHJcbiAgICAgICAgICBjaGFydERhdGE6IGNoYXJ0RGF0YSxcclxuICAgICAgICAgICAvLyBAdHMtaWdub3JlXHJcbiAgICAgICAgICBlY2hhcnRzQ29sb3JMaXN0OiBlY2hhcnRzQ29sb3JMaXN0XHJcbiAgICAgICAgfSlcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH0sXHJcbiAgbGlmZXRpbWVzOiB7XHJcbiAgICBhdHRhY2hlZCAoKSB7XHJcbiAgICAgIC8vIEB0cy1pZ25vcmVcclxuICAgICAgdGhpcy5lY0NvbXBvbmVudCA9IHRoaXMuc2VsZWN0Q29tcG9uZW50KCcjbXljaGFydC1kb20tYmFyJylcclxuICAgICAgdGhpcy5pbml0KClcclxuICAgIH1cclxuICB9LFxyXG4gIG1ldGhvZHM6IHtcclxuICAgIC8vIOeCueWHu+aMiemSruWQjuWIneWni+WMluWbvuihqFxyXG4gICAgaW5pdCAoKSB7XHJcbiAgICAgIC8vIEB0cy1pZ25vcmVcclxuICAgICAgdGhpcy5lY0NvbXBvbmVudC5pbml0KChjYW52YXM6IGFueSwgd2lkdGg6IGFueSwgaGVpZ2h0OiBhbnkpID0+IHtcclxuICAgICAgICBjb25zdCBjaGFydCA9IGVjaGFydHMuaW5pdChjYW52YXMsIG51bGwsIHtcclxuICAgICAgICAgIHdpZHRoOiB3aWR0aCxcclxuICAgICAgICAgIGhlaWdodDogaGVpZ2h0XHJcbiAgICAgICAgfSlcclxuICAgICAgICBzZXRPcHRpb24oY2hhcnQsIHRoaXMuZGF0YS5jaGFydERhdGEsIHRoaXMuZGF0YS5lY2hhcnRzQ29sb3JMaXN0KVxyXG4gICAgICAgIHJldHVybiBjaGFydFxyXG4gICAgICB9KVxyXG4gICAgfVxyXG4gIH1cclxufSkiXX0=
|