|
|
|
"use strict";
|
|
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
|
var echarts = require("../../../components/ec-canvas/echarts.js");
|
|
|
|
function PeopleChart1(chart) {
|
|
|
|
var option = {
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
itemStyle: {
|
|
|
|
normal: {
|
|
|
|
color: function (params) {
|
|
|
|
var colorList = [
|
|
|
|
"#FFC600", "#29B9A5"
|
|
|
|
];
|
|
|
|
return colorList[params.dataIndex];
|
|
|
|
},
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data: [{
|
|
|
|
name: '20',
|
|
|
|
value: 20
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '50',
|
|
|
|
value: 50
|
|
|
|
}],
|
|
|
|
clickable: false,
|
|
|
|
minAngle: 15,
|
|
|
|
avoidLabelOverlap: true,
|
|
|
|
hoverAnimation: false,
|
|
|
|
silent: true,
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
radius: '60%',
|
|
|
|
labelLine: {
|
|
|
|
normal: {
|
|
|
|
length: 12,
|
|
|
|
length2: 8
|
|
|
|
}
|
|
|
|
},
|
|
|
|
label: {
|
|
|
|
position: 'outer',
|
|
|
|
alignTo: 'none',
|
|
|
|
bleedMargin: 5
|
|
|
|
},
|
|
|
|
left: 0,
|
|
|
|
right: '50%',
|
|
|
|
top: '-20%',
|
|
|
|
bottom: 0,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
itemStyle: {
|
|
|
|
normal: {
|
|
|
|
color: function (params) {
|
|
|
|
var colorList = [
|
|
|
|
"#AD6DFE", "#FFA270"
|
|
|
|
];
|
|
|
|
return colorList[params.dataIndex];
|
|
|
|
},
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data: [{
|
|
|
|
name: '20',
|
|
|
|
value: 20
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '50',
|
|
|
|
value: 50
|
|
|
|
}],
|
|
|
|
clickable: false,
|
|
|
|
minAngle: 15,
|
|
|
|
avoidLabelOverlap: true,
|
|
|
|
hoverAnimation: false,
|
|
|
|
silent: true,
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
radius: ['30%', '40%'],
|
|
|
|
labelLine: {
|
|
|
|
normal: {
|
|
|
|
length: 12,
|
|
|
|
length2: 8
|
|
|
|
}
|
|
|
|
},
|
|
|
|
label: {
|
|
|
|
position: 'outer',
|
|
|
|
alignTo: 'none',
|
|
|
|
bleedMargin: 5
|
|
|
|
},
|
|
|
|
left: '50%',
|
|
|
|
right: 0,
|
|
|
|
top: '-20%',
|
|
|
|
bottom: 0
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.PeopleChart1 = PeopleChart1;
|
|
|
|
function PeopleChart2(chart, colorData, peopleLeft, colorData2, peopleright) {
|
|
|
|
var option = {
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
itemStyle: {
|
|
|
|
normal: {
|
|
|
|
color: function (params) {
|
|
|
|
var colorList = colorData;
|
|
|
|
return colorList[params.dataIndex];
|
|
|
|
},
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data: peopleLeft,
|
|
|
|
clickable: false,
|
|
|
|
minAngle: 15,
|
|
|
|
avoidLabelOverlap: true,
|
|
|
|
hoverAnimation: false,
|
|
|
|
silent: true,
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
radius: '60%',
|
|
|
|
labelLine: {
|
|
|
|
normal: {
|
|
|
|
length: 12,
|
|
|
|
length2: 8
|
|
|
|
}
|
|
|
|
},
|
|
|
|
label: {
|
|
|
|
position: 'outer',
|
|
|
|
alignTo: 'none',
|
|
|
|
bleedMargin: 5
|
|
|
|
},
|
|
|
|
left: 0,
|
|
|
|
right: '50%',
|
|
|
|
top: '-10%',
|
|
|
|
bottom: 0,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
itemStyle: {
|
|
|
|
normal: {
|
|
|
|
color: function (params) {
|
|
|
|
var colorList = colorData2;
|
|
|
|
return colorList[params.dataIndex];
|
|
|
|
},
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
data: peopleright,
|
|
|
|
clickable: false,
|
|
|
|
minAngle: 15,
|
|
|
|
avoidLabelOverlap: true,
|
|
|
|
hoverAnimation: false,
|
|
|
|
silent: true,
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
radius: ['30%', '40%'],
|
|
|
|
labelLine: {
|
|
|
|
normal: {
|
|
|
|
length: 12,
|
|
|
|
length2: 8
|
|
|
|
}
|
|
|
|
},
|
|
|
|
label: {
|
|
|
|
position: 'outer',
|
|
|
|
alignTo: 'none',
|
|
|
|
bleedMargin: 5
|
|
|
|
},
|
|
|
|
left: '50%',
|
|
|
|
right: 0,
|
|
|
|
top: '-10%',
|
|
|
|
bottom: 0
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.PeopleChart2 = PeopleChart2;
|
|
|
|
function getPeopleChart2(chart, colorData, chartsData) {
|
|
|
|
var option = {
|
|
|
|
color: colorData,
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
radius: ['50%', '70%'],
|
|
|
|
silent: true,
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
label: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
labelLine: {
|
|
|
|
show: false,
|
|
|
|
normal: {
|
|
|
|
show: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
itemStyle: {
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
},
|
|
|
|
data: chartsData,
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.getPeopleChart2 = getPeopleChart2;
|
|
|
|
function getparticipation(chart, data1, data2, data3, data4, xData) {
|
|
|
|
console.log(xData);
|
|
|
|
var option = {
|
|
|
|
background: '#fff',
|
|
|
|
grid: {
|
|
|
|
top: '20%',
|
|
|
|
left: '3%',
|
|
|
|
right: '4%',
|
|
|
|
bottom: '5%',
|
|
|
|
containLabel: true
|
|
|
|
},
|
|
|
|
yAxis: {
|
|
|
|
type: 'value',
|
|
|
|
data: ['0', '10', '20', '30', '40', '50'],
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: true,
|
|
|
|
lineStyle: {
|
|
|
|
type: 'solid',
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#B5B7BF'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: xData,
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
series: [{
|
|
|
|
name: '党员',
|
|
|
|
type: 'bar',
|
|
|
|
stack: 'sum',
|
|
|
|
barWidth: 13,
|
|
|
|
data: data1,
|
|
|
|
color: '#FFC600',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '党员参与',
|
|
|
|
type: 'bar',
|
|
|
|
barWidth: 13,
|
|
|
|
stack: 'sum',
|
|
|
|
data: data2,
|
|
|
|
color: '#FFA270',
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 18,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '居民',
|
|
|
|
type: 'bar',
|
|
|
|
color: '#63CFED',
|
|
|
|
stack: 'sum1',
|
|
|
|
barWidth: 13,
|
|
|
|
data: data3
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '居民参与',
|
|
|
|
type: 'bar',
|
|
|
|
color: '#679CF7',
|
|
|
|
stack: 'sum1',
|
|
|
|
barWidth: 13,
|
|
|
|
data: data4,
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 18,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.getparticipation = getparticipation;
|
|
|
|
function getparticipation2(chart, yLineData, yData1, yData2, xData) {
|
|
|
|
var option = {
|
|
|
|
grid: {
|
|
|
|
top: '20%',
|
|
|
|
left: '3%',
|
|
|
|
right: '4%',
|
|
|
|
bottom: '5%',
|
|
|
|
containLabel: true
|
|
|
|
},
|
|
|
|
yAxis: [{
|
|
|
|
type: 'value',
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: true,
|
|
|
|
lineStyle: {
|
|
|
|
type: 'solid',
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#B5B7BF'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
type: 'value',
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
lineStyle: {
|
|
|
|
color: '#fff',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
formatter: '{value} %',
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
}
|
|
|
|
],
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: xData,
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
data: yLineData,
|
|
|
|
type: 'line',
|
|
|
|
color: '#FFA270',
|
|
|
|
yAxisIndex: 1
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '党员参与',
|
|
|
|
type: 'bar',
|
|
|
|
barWidth: 13,
|
|
|
|
stack: 'sum',
|
|
|
|
data: yData1,
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
{ offset: 0, color: '#02C9B4' },
|
|
|
|
{ offset: 1, color: '#01AECC' }
|
|
|
|
]),
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 13,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '居民参与',
|
|
|
|
type: 'bar',
|
|
|
|
stack: 'sum1',
|
|
|
|
barWidth: 13,
|
|
|
|
data: yData2,
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
{ offset: 0, color: '#2970FF' },
|
|
|
|
{ offset: 1, color: '#81A2FF' }
|
|
|
|
]),
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 13,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.getparticipation2 = getparticipation2;
|
|
|
|
function getVoiceActive(chart) {
|
|
|
|
var option = {
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
radius: ['70%', '95%'],
|
|
|
|
silent: true,
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
label: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
labelLine: {
|
|
|
|
show: false,
|
|
|
|
normal: {
|
|
|
|
show: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
itemStyle: {
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
},
|
|
|
|
data: [{ name: '好好', value: '20' }, { name: '非常好好', value: '10' }, { name: '好', value: '30' }]
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.getVoiceActive = getVoiceActive;
|
|
|
|
function getVoiceActiveA(chart) {
|
|
|
|
var option = {
|
|
|
|
color: ["#FFC600", "#29B9A5"],
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
type: 'pie',
|
|
|
|
center: ['50%', '50%'],
|
|
|
|
radius: ['0%', '100%'],
|
|
|
|
silent: true,
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
label: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
labelLine: {
|
|
|
|
show: false,
|
|
|
|
normal: {
|
|
|
|
show: false
|
|
|
|
}
|
|
|
|
},
|
|
|
|
itemStyle: {
|
|
|
|
borderColor: '#fff',
|
|
|
|
borderWidth: '2',
|
|
|
|
},
|
|
|
|
data: [{ name: '好好', value: '20' }, { name: '好', value: '30' }]
|
|
|
|
}
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.getVoiceActiveA = getVoiceActiveA;
|
|
|
|
function getparticipationPercent(chart) {
|
|
|
|
var data2 = [30, 60, 60, 70,];
|
|
|
|
var data3 = [70, 60, 90, 100,];
|
|
|
|
var xData = ['第一周', '第二周', '第三周', '第四周'];
|
|
|
|
var option = {
|
|
|
|
grid: {
|
|
|
|
top: '20%',
|
|
|
|
left: '3%',
|
|
|
|
right: '4%',
|
|
|
|
bottom: '5%',
|
|
|
|
containLabel: true
|
|
|
|
},
|
|
|
|
yAxis: [{
|
|
|
|
type: 'value',
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: true,
|
|
|
|
lineStyle: {
|
|
|
|
type: 'solid',
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#B5B7BF'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}, {
|
|
|
|
type: 'value',
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
lineStyle: {
|
|
|
|
color: '#fff',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
formatter: '{value}%',
|
|
|
|
max: 100,
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: xData,
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
data: [10, 16, 50, 90],
|
|
|
|
type: 'line',
|
|
|
|
color: '#FFA270',
|
|
|
|
yAxisIndex: 1,
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
],
|
|
|
|
silent: true,
|
|
|
|
symbolOffset: [-5, 0],
|
|
|
|
label: {
|
|
|
|
color: '#fff',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '党员参与',
|
|
|
|
type: 'bar',
|
|
|
|
barWidth: 13,
|
|
|
|
stack: 'sum',
|
|
|
|
label: {},
|
|
|
|
data: data2,
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
{ offset: 0, color: '#02C9B4' },
|
|
|
|
{ offset: 1, color: '#01AECC' }
|
|
|
|
]),
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 13,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'min', name: '最大值' },
|
|
|
|
],
|
|
|
|
silent: true,
|
|
|
|
symbolOffset: [-5, 0],
|
|
|
|
label: {
|
|
|
|
color: '#fff',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '居民参与',
|
|
|
|
type: 'bar',
|
|
|
|
stack: 'sum1',
|
|
|
|
barWidth: 13,
|
|
|
|
data: data3,
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
{ offset: 0, color: '#2970FF' },
|
|
|
|
{ offset: 1, color: '#81A2FF' }
|
|
|
|
]),
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 13,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.getparticipationPercent = getparticipationPercent;
|
|
|
|
function voiceAnalyzeEcharts(chart) {
|
|
|
|
var data2 = [30, 60, 60, 70,];
|
|
|
|
var data3 = [70, 60, 90, 100,];
|
|
|
|
var xData = ['第一周', '第二周', '第三周', '第四周'];
|
|
|
|
var option = {
|
|
|
|
grid: {
|
|
|
|
top: '20%',
|
|
|
|
left: '3%',
|
|
|
|
right: '1%',
|
|
|
|
bottom: '5%',
|
|
|
|
containLabel: true
|
|
|
|
},
|
|
|
|
yAxis: [{
|
|
|
|
type: 'value',
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: true,
|
|
|
|
lineStyle: {
|
|
|
|
type: 'solid',
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#B5B7BF'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
{
|
|
|
|
show: false,
|
|
|
|
type: 'value',
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
splitLine: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
lineStyle: {
|
|
|
|
color: '#fff',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
formatter: '{value}%',
|
|
|
|
max: 100,
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
],
|
|
|
|
xAxis: {
|
|
|
|
type: 'category',
|
|
|
|
data: xData,
|
|
|
|
axisTick: {
|
|
|
|
show: false
|
|
|
|
},
|
|
|
|
axisLabel: {
|
|
|
|
show: true,
|
|
|
|
textStyle: {
|
|
|
|
color: '#B5B7BF',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLine: {
|
|
|
|
show: false,
|
|
|
|
lineStyle: {
|
|
|
|
color: '#E9E9E9'
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
series: [
|
|
|
|
{
|
|
|
|
data: [10, 16, 50, 90],
|
|
|
|
type: 'line',
|
|
|
|
color: '#FFA270',
|
|
|
|
yAxisIndex: 1,
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'max', name: '最大值' },
|
|
|
|
],
|
|
|
|
silent: true,
|
|
|
|
symbolOffset: [-5, 0],
|
|
|
|
label: {
|
|
|
|
color: '#fff',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '党员参与',
|
|
|
|
type: 'bar',
|
|
|
|
barWidth: 13,
|
|
|
|
stack: 'sum',
|
|
|
|
label: {},
|
|
|
|
data: data2,
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
{ offset: 0, color: '#02C9B4' },
|
|
|
|
{ offset: 1, color: '#01AECC' }
|
|
|
|
]),
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 13,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
markPoint: {
|
|
|
|
data: [
|
|
|
|
{ type: 'min', name: '最大值' },
|
|
|
|
],
|
|
|
|
silent: true,
|
|
|
|
symbolOffset: [-5, 0],
|
|
|
|
label: {
|
|
|
|
color: '#fff',
|
|
|
|
fontSize: 10
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
name: '居民参与',
|
|
|
|
type: 'bar',
|
|
|
|
stack: 'sum1',
|
|
|
|
barWidth: 13,
|
|
|
|
data: data3,
|
|
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|
|
|
{ offset: 0, color: '#2970FF' },
|
|
|
|
{ offset: 1, color: '#81A2FF' }
|
|
|
|
]),
|
|
|
|
itemStyle: {
|
|
|
|
barWidth: 13,
|
|
|
|
normal: {
|
|
|
|
barBorderRadius: [9, 9, 0, 0]
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
]
|
|
|
|
};
|
|
|
|
chart.setOption(option);
|
|
|
|
return chart;
|
|
|
|
}
|
|
|
|
exports.voiceAnalyzeEcharts = voiceAnalyzeEcharts;
|
|
|
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNoYXJ0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbImVjaGFydHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFDQSxrRUFBbUU7QUFFbkUsU0FBZ0IsWUFBWSxDQUFDLEtBQVU7SUFDbkMsSUFBSSxNQUFNLEdBQUc7UUFDWCxNQUFNLEVBQUU7WUFDTjtnQkFDQSxJQUFJLEVBQUUsS0FBSztnQkFDWCxTQUFTLEVBQUU7b0JBQ1QsTUFBTSxFQUFFO3dCQUNOLEtBQUssRUFBRSxVQUFVLE1BQXVDOzRCQUV0RCxJQUFJLFNBQVMsR0FBRztnQ0FDZCxTQUFTLEVBQUUsU0FBUzs2QkFDckIsQ0FBQzs0QkFDRixPQUFPLFNBQVMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUE7d0JBQ3BDLENBQUM7d0JBQ0QsV0FBVyxFQUFFLE1BQU07d0JBQ25CLFdBQVcsRUFBRSxHQUFHO3FCQUNqQjtpQkFDRjtnQkFDRCxJQUFJLEVBQUUsQ0FBQzt3QkFDTCxJQUFJLEVBQUUsSUFBSTt3QkFDVixLQUFLLEVBQUUsRUFBRTtxQkFDVjtvQkFDRDt3QkFDRSxJQUFJLEVBQUUsSUFBSTt3QkFDVixLQUFLLEVBQUUsRUFBRTtxQkFDVixDQUFDO2dCQUNGLFNBQVMsRUFBRSxLQUFLO2dCQUNoQixRQUFRLEVBQUUsRUFBRTtnQkFDWixpQkFBaUIsRUFBRSxJQUFJO2dCQUN2QixjQUFjLEVBQUUsS0FBSztnQkFDckIsTUFBTSxFQUFFLElBQUk7Z0JBQ1osTUFBTSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQztnQkFDdEIsTUFBTSxFQUFFLEtBQUs7Z0JBQ2IsU0FBUyxFQUFFO29CQUNULE1BQU0sRUFBRTt3QkFDTixNQUFNLEVBQUUsRUFBRTt3QkFDVixPQUFPLEVBQUUsQ0FBQztxQkFDWDtpQkFDRjtnQkFDRCxLQUFLLEVBQUU7b0JBQ0wsUUFBUSxFQUFFLE9BQU87b0JBQ2pCLE9BQU8sRUFBRSxNQUFNO29CQUNmLFdBQVcsRUFBRSxDQUFDO2lCQUNm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
|