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.
103 lines
10 KiB
103 lines
10 KiB
5 years ago
|
"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.userNumber > 0) {
|
||
|
chartData.push({
|
||
|
value: value.userNumber,
|
||
|
name: '居民总数'
|
||
|
});
|
||
|
echartsColorList.push('#29B9A5');
|
||
|
}
|
||
|
if (value.oldPartyNumber > 0) {
|
||
|
chartData.push({
|
||
|
value: value.oldPartyNumber,
|
||
|
name: '大于50岁党员'
|
||
|
});
|
||
|
echartsColorList.push('#FFA270');
|
||
|
}
|
||
|
if (value.youngPartyNumber > 0) {
|
||
|
chartData.push({
|
||
|
value: value.youngPartyNumber,
|
||
|
name: '小于50岁党员'
|
||
|
});
|
||
|
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;
|
||
|
});
|
||
|
},
|
||
|
navigateToDetail: function (e) {
|
||
|
this.triggerEvent('navigateToDetail', { deptId: e.currentTarget.dataset.deptid, deptName: e.currentTarget.dataset.deptname });
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJsaXN0SXRlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUNBLHFFQUFzRTtBQUV0RSxTQUFTLFNBQVMsQ0FBQyxLQUFVLEVBQUUsU0FBbUIsRUFBRSxnQkFBMEI7SUFDNUUsSUFBTSxNQUFNLEdBQUc7UUFDYixLQUFLLEVBQUUsZ0JBQWdCO1FBQ3ZCLE1BQU0sRUFBRTtZQUNOO2dCQUNFLElBQUksRUFBRSxLQUFLO2dCQUNYLE1BQU0sRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUM7Z0JBQ3RCLE1BQU0sRUFBRSxJQUFJO2dCQUNaLGlCQUFpQixFQUFFLEtBQUs7Z0JBQ3hCLEtBQUssRUFBRTtvQkFDTCxJQUFJLEVBQUUsS0FBSztpQkFDWjtnQkFDRCxTQUFTLEVBQUU7b0JBQ1QsSUFBSSxFQUFFLEtBQUs7b0JBQ1gsTUFBTSxFQUFFO3dCQUNOLElBQUksRUFBRSxLQUFLO3FCQUNaO2lCQUNGO2dCQUNELFNBQVMsRUFBRTtvQkFDVCxXQUFXLEVBQUUsTUFBTTtvQkFDbkIsV0FBVyxFQUFFLEdBQUc7aUJBQ2pCO2dCQUNELElBQUksRUFBQyxTQUFTO2FBQ2Y7U0FDRjtLQUNGLENBQUE7SUFDRCxLQUFLLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFBO0FBQ3pCLENBQUM7QUFFRCxTQUFTLENBQUM7SUFDUixJQUFJLEVBQUU7UUFDSixFQUFFLEVBQUU7WUFDRixRQUFRLEVBQUUsSUFBSTtTQUNmO1FBQ0QsU0FBUyxFQUFFLENBQUMsU0FBUyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDO1FBQ3ZELGdCQUFnQixFQUFFLEVBQUU7UUFDcEIsU0FBUyxFQUFFLEVBQUU7S0FDZDtJQUNELFVBQVUsRUFBRTtRQUNWLEtBQUssRUFBRTtZQUNMLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLENBQUM7U0FDVDtRQUNELFVBQVUsRUFBRTtZQUNWLElBQUksRUFBRSxNQUFNO1lBQ1osS0FBSyxFQUFFLEVBQUU7WUFDVCxRQUFRLEVBQUUsVUFBVSxLQUFLO2dCQUN2QixJQUFJLFNBQVMsR0FBRyxFQUFFLENBQUE7Z0JBQ2xCLElBQUksZ0JBQWdCLEdBQUcsRUFBRSxDQUFBO2dCQUN6QixJQUFJLEtBQUssQ0FBQyxVQUFVLEdBQUcsQ0FBQyxFQUFFO29CQUN4QixTQUFTLENBQUMsSUFBSSxDQUFDO3dCQUNiLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVTt3QkFDdkIsSUFBSSxFQUFFLE1BQU07cUJBQ2IsQ0FBQyxDQUFBO29CQUNGLGdCQUFnQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtpQkFDakM7Z0JBQ0QsSUFBSSxLQUFLLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBRTtvQkFDNUIsU0FBUyxDQUFDLElBQUksQ0FBQzt3QkFDYixLQUFLLEVBQUUsS0FBSyxDQUFDLGNBQWM7d0JBQzNCLElBQUksRUFBRSxTQUFTO3FCQUNoQixDQUFDLENBQUE7b0JBQ0YsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2lCQUNqQztnQkFDRCxJQUFJLEtBQUssQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLEVBQUU7b0JBQzlCLFNBQVMsQ0FBQyxJQUFJLENBQUM7d0JBQ2IsS0FBSyxFQUFFLEtBQUssQ0FBQyxnQkFBZ0I7d0JBQzdCLElBQUksRUFBRSxTQUFTO3FCQUNoQixDQUFDLENBQUE7b0JBQ0YsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2lCQUNqQztnQkFDRCxJQUFJLENBQUMsT0FBTyxDQUFDO29CQUVYLFNBQVMsRUFBRSxTQUFTO29CQUVwQixnQkFBZ0IsRUFBRSxnQkFBZ0I7aUJBQ25DLENBQUMsQ0FBQTtZQUNKLENBQUM7U0FDRjtLQUNGO0lBQ0QsU0FBUyxFQUFFO1FBQ1QsUUFBUTtZQUVOLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFBO1lBQzNELElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQTtRQUNiLENBQUM7S0FDRjtJQUNELE9BQU8sRUFBRTtRQUVQLElBQUksRUFBSjtZQUFBLGlCQVVDO1lBUkMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQyxNQUFXLEVBQUUsS0FBVSxFQUFFLE1BQVc7Z0JBQ3pELElBQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRTtvQkFDdkMsS0FBSyxFQUFFLEtBQUs7b0JBQ1osTUFBTSxFQUFFLE1BQU07aUJBQ2YsQ0FBQyxDQUFBO2dCQUNGLFNBQVMsQ0FBQyxLQUFLLEVBQUUsS0FBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsS0FBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO2dCQUNqRSxPQUFPLEtBQUssQ0FBQTtZQUNkLENBQUMsQ0FBQyxDQUFBO1FBQ0osQ0FBQztRQUVELGdCQUFnQixFQUFoQixVQUFrQixDQUFZO1lBQzVCLElBQUksQ0FBQyxZQUFZLENBQUMsa0JBQWtCLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxDQUFDLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUMsQ0FBQyxDQUFBO1FBQzlILENBQUM7S0FDRjtDQUNGLENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEB0cy1pZ25vcmVcclxuaW1wb3J0ICogYXMgZWNoYXJ0cyBmcm9tICcuLi8uLi8uLi8uLi9jb21wb25lbnRzL2VjLWNhbnZhcy9lY2hhcnRzLmpzJ1xyXG5cclxuZnVuY3Rpb24gc2V0T3B0aW9uKGNoYXJ0OiBhbnksIGNoYXJ0RGF0YTogQW55QXJyYXksIGVjaGFydHNDb2xvckxpc3Q6IEFueUFycmF5KSB7XHJcbiAgY29uc3Qgb3B0aW9uID0ge1xyXG4gICAgY29sb3I6IGVjaGFydHNDb2xvckxpc3QsXHJcbiAgICBzZXJpZXM6IFtcclxuICAgICAge1xyXG4gICAgICAgIHR5cGU6ICdwaWUnLFxyXG4gICAgICAgIHJhZGl1czogWyc3MiUnLCAnOTUlJ10sXHJcbiAgICAgICAgc2lsZW50OiB0cnVlLFxyXG4gICAgICAgIGF2b2lkTGFiZWxPdmVybGFwOiBmYWxzZSxcclxuICAgICAgICBsYWJlbDoge1xyXG4gICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICB9LFxyXG4gICAgICAgIGxhYmVsTGluZToge1xyXG4gICAgICAgICAgc2hvdzogZmFsc2UsXHJcbiAgICAgICAgICBub3JtYWw6IHtcclxuICAgICAgICAgICAgc2hvdzogZmFsc2VcclxuICAgICAgICAgIH1cclxuICAgICAgICB9LFxyXG4gICAgICAgIGl0ZW1TdHlsZToge1xyXG4gI
|