elink-star
/
epdc-analysis-mp-yushan
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
榆山数据端小程序
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.
6 Commits
3 Branches
2 Tags
3.6 MiB
 
 
Tree: 1d93491c77
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '1d93491c77'
${ noResults }
epdc-analysis-mp-yushan/miniprogram/subpages/partyInteract/utils/echarts.ts

925 lines
26 KiB
Raw Blame History

// @ts-ignore
import * as echarts from '../../../components/ec-canvas/echarts.js'
/******党员参与人数,党建声音参与人数 ****/
export function PeopleChart1(chart: any) {
var option = {
series: [
{
type: 'pie',
itemStyle: {
normal: {
color: function (params: { dataIndex: string | number; }) {
//自定义颜色
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, 　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
avoidLabelOverlap: true, //是否启用防止标签重叠策略
hoverAnimation: false,　　 //是否开启 hover 在扇区上的放大动画效果。
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: { dataIndex: string | number; }) {
//自定义颜色
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, 　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
avoidLabelOverlap: true, //是否启用防止标签重叠策略
hoverAnimation: false,　　 //是否开启 hover 在扇区上的放大动画效果。
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;
// 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;
}
export function PeopleChart2(chart: any,colorData:any,peopleLeft:any,colorData2:any,peopleright:any) {
var option = {
series: [
{
type: 'pie',
itemStyle: {
normal: {
color: function (params: { dataIndex: string | number; }) {
//自定义颜色
var colorList = colorData;
return colorList[params.dataIndex]
},
borderColor: '#fff',
borderWidth: '2',
}
},
data: peopleLeft,
clickable: false,　　　　　　 //是否开启点击
minAngle: 15, 　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
avoidLabelOverlap: true, //是否启用防止标签重叠策略
hoverAnimation: false,　　 //是否开启 hover 在扇区上的放大动画效果。
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: { dataIndex: string | number; }) {
//自定义颜色
var colorList = colorData2;
return colorList[params.dataIndex]
},
borderColor: '#fff',
borderWidth: '2',
}
},
data: peopleright,
clickable: false,　　　　　　 //是否开启点击
minAngle: 15, 　　 //最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互
avoidLabelOverlap: true, //是否启用防止标签重叠策略
hoverAnimation: false,　　 //是否开启 hover 在扇区上的放大动画效果。
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;
}
/******党员参与人数,党建声音参与情况,党员亮身份参与议事情况,党员群团带动情况 ****/
export function getPeopleChart2(chart: any,colorData:any,chartsData:any) {
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;
}
export function getparticipation(chart: any,data1:AnyArray,data2:AnyArray,data3:AnyArray,data4:AnyArray,xData:AnyArray) {
console.log(xData)
var option = {
// color: ['#FFC600', '#FFA270', '#63CFED', '#679CF7'],
// tooltip: {
// trigger: 'axis',
// },
background: '#fff',
grid: { //图表的位置
top: '20%',
left: '3%',
right: '4%',
bottom: '5%',
containLabel: true
},
yAxis: {
type: 'value',
data: ['0', '10', '20', '30', '40', '50'], //category,设置无数据时默认值
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] //（顺时针左上，右上，右下，左下）
},
},
// markPoint: {
// data: [
// { type: 'max', name: '最大值' },
// ],
// silent:true,
// // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
// symbolOffset:[0,-30],//0 是左右 30是上
// label:{
// // position:'top',
// // distance:10
// }
// },
},
{
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] //（顺时针左上，右上，右下，左下）
},
},
// markPoint: {
// data: [
// { type: 'max', name: '最大值' },
// ],
// silent:true,
// // symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
// symbolOffset:[0,-30],//0 是左右 30是上
// label:{
// // position:'top',
// // distance:10
// }
// },
},
]
};
chart.setOption(option);
return chart;
}
/*************党员参与占比分析*************/
export function getparticipation2(chart: any, yLineData: AnyArray, yData1: AnyArray, yData2: AnyArray, xData: AnyArray) {
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;
}
export function getVoiceActive(chart: any) {
var option = {
// color: color,
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;
}
export function getVoiceActiveA(chart: any) {
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;
}
export function getparticipationPercent(chart: any) {
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'
}
}
},
// dataZoom: [
// {
// type: "inside",
// start: 50,
// end: 100
// },
// {
// show: true,
// type: "slider",
// y: "90%",
// start: 50,
// end: 100
// }
// ],
series: [
{
data: [10, 16, 50, 90],
type: 'line',
color: '#FFA270',
yAxisIndex: 1,
markPoint: {
data: [
{ type: 'max', name: '最大值' },
],
silent: true,
// symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
symbolOffset: [-5, 0],//0 是左右 30是上
label: {
// position:'top',
// distance:10
color:'#fff',
fontSize:10
}
},
},
{
name: '党员参与',
type: 'bar',
barWidth: 13,
stack: 'sum',
label: {
// backgroundColor: { image: 'demo.png' },
// normal: {
// show: true, //显示数字
// position: 'top', //这里可以自己选择位置
// color: 'red',
// }
},
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,
// symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
symbolOffset: [-5, 0],//0 是左右 30是上
label: {
// position:'top',
// distance:10
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;
}
// 党建声音参与人次分析
export function voiceAnalyzeEcharts(chart: any) {
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,
// symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
symbolOffset: [-5, 0],//0 是左右 30是上
label: {
// position:'top',
// distance:10
color:'#fff',
fontSize:10
}
},
},
{
name: '党员参与',
type: 'bar',
barWidth: 13,
stack: 'sum',
label: {
// backgroundColor: { image: 'demo.png' },
// normal: {
// show: true, //显示数字
// position: 'top', //这里可以自己选择位置
// color: 'red',
// }
},
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,
// symbol:'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAmCAYAAAB0xJ2ZAAACG0lEQVRoQ+2asWsUQRTGv2/GRLQJIlhYGBBbA6awyeUKhbsjgmAXwf8ghBAljYUItuHQEP+DgKCWCXGXNLndgErQQu2T1CKCGIm482TOCxjQbHYCezA7U+zBzXuz7/vdzPtYbone0El8G5ApAa4AOL3/vWefuwTeA3yajTeeWW20F5VGCxBMeyb2cDnCRVNvTFN3okkhujSqNkhMUidRKsBY1cT3tv8GVRJ99/jM5/2uPywAyYvyeT4ACDsgHIHQA0IT9LnL52kLLhBcILhAcIHgAnmd0uf54ALBBYILBBcILuBzl8/TZl3gFwCdF+jpfEaVxFuADHsqMEcWt6nSqA3BbDUBSJt4s3ZW/czeAbhQMQg7ZlCPdv8aw8bKsDZ6ScBaFSAQkmYqu4OxG9t/AOyPzqtRrXhZBCePDYK0a5+nSEuAq8deD/gEYAnAF9e1SOxlRj6g3rI7vjsOAnBdOSdPJ/EtgcwDuOh2C2mbb+Y+Jib23PL/n1UKgO7tk+UzxIkXBK8XECGg3DW11uMCOYVCywNgy9rcHODu55ckbx6xyhkz3lw4YqxTWLkAbIkfnw/y69AqBdcOrZh8YGqNR06qCiSVD6B3HJQMvAVx6Z+1CuZNvTlXQIdzaH8A2HI7qyOK6jWAUwerlyem1pwFWcpDWv8A2FdzkngKkMUeAAPyYRnb/m/gfQUAETKNVwicM8J7qDfWnfeyY+JvuZS1dy1/01cAAAAASUVORK5CYII=',
symbolOffset: [-5, 0],//0 是左右 30是上
label: {
// position:'top',
// distance:10
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;
}