|
|
|
|
@ -81,12 +81,6 @@ export default {
|
|
|
|
|
itemWidth: 10,
|
|
|
|
|
itemHeight: 10,
|
|
|
|
|
icon: "circle",
|
|
|
|
|
formatter(name) {
|
|
|
|
|
// const arrA = this.arr1.filter((value, index) => {
|
|
|
|
|
// return value.name == name;
|
|
|
|
|
// });
|
|
|
|
|
return `{a|${name}}{b|1%}`;
|
|
|
|
|
},
|
|
|
|
|
textStyle: {
|
|
|
|
|
rich: {
|
|
|
|
|
a: {
|
|
|
|
|
@ -101,6 +95,15 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
formatter: function (name) {
|
|
|
|
|
console.log(option.legend);
|
|
|
|
|
let arrA = 0;
|
|
|
|
|
option.legend.data.forEach((value, index) => {
|
|
|
|
|
arrA += value.value;
|
|
|
|
|
});
|
|
|
|
|
const item = option.legend.data.find((item) => item.name === name);
|
|
|
|
|
return `{a|${name}}{b|${( item.value / arrA * 100)}%}`;
|
|
|
|
|
},
|
|
|
|
|
//将waiyuan的数据拿过来,就会只显示该外圆的数据
|
|
|
|
|
// data: [
|
|
|
|
|
// { value: 15, name: "张家港市" },
|
|
|
|
|
@ -118,44 +121,11 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
series: [
|
|
|
|
|
{
|
|
|
|
|
type: "pie",
|
|
|
|
|
center: ["28%", "55%"], // 饼图的中心位置
|
|
|
|
|
radius: ["42%", "65%"],
|
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
|
label: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
emphasis: {
|
|
|
|
|
//取消高亮显示大字
|
|
|
|
|
// label: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// fontSize: 40,
|
|
|
|
|
// fontWeight: "bold",
|
|
|
|
|
// },
|
|
|
|
|
},
|
|
|
|
|
labelLine: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
// data: [
|
|
|
|
|
// { value: 15, name: "张家港市" },
|
|
|
|
|
// { value: 10, name: "吴中区" },
|
|
|
|
|
// { value: 8, name: "常熟市" },
|
|
|
|
|
// { value: 10, name: "姑苏区" },
|
|
|
|
|
// { value: 18, name: "太仓市" },
|
|
|
|
|
// { value: 6, name: "相城区" },
|
|
|
|
|
// { value: 10, name: "昆山市" },
|
|
|
|
|
// { value: 4, name: "工业园区" },
|
|
|
|
|
// { value: 10, name: "吴江区" },
|
|
|
|
|
// { value: 5, name: "高新区" },
|
|
|
|
|
// ],
|
|
|
|
|
data: this.arr1,
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
{
|
|
|
|
|
//内圆
|
|
|
|
|
color: ["#F6F6F9"],
|
|
|
|
|
type: "pie",
|
|
|
|
|
center: ["28%", "55%"], // 饼图的中心位置
|
|
|
|
|
radius: "32%",
|
|
|
|
|
color:'rgb(246,246,249)',
|
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
|
tooltip: {
|
|
|
|
|
show: false,
|
|
|
|
|
@ -193,8 +163,41 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
data: [{ value: 1, name: "苏州完成率", pt: 100 }],
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
//外圆
|
|
|
|
|
type: "pie",
|
|
|
|
|
center: ["28%", "55%"], // 饼图的中心位置
|
|
|
|
|
radius: ["42%", "65%"],
|
|
|
|
|
avoidLabelOverlap: false,
|
|
|
|
|
label: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
emphasis: {
|
|
|
|
|
//取消高亮显示大字
|
|
|
|
|
// label: {
|
|
|
|
|
// show: true,
|
|
|
|
|
// fontSize: 40,
|
|
|
|
|
// fontWeight: "bold",
|
|
|
|
|
// },
|
|
|
|
|
},
|
|
|
|
|
labelLine: {
|
|
|
|
|
show: false,
|
|
|
|
|
},
|
|
|
|
|
// data: [
|
|
|
|
|
// { value: 15, name: "张家港市" },
|
|
|
|
|
// { value: 10, name: "吴中区" },
|
|
|
|
|
// { value: 8, name: "常熟市" },
|
|
|
|
|
// { value: 10, name: "姑苏区" },
|
|
|
|
|
// { value: 18, name: "太仓市" },
|
|
|
|
|
// { value: 6, name: "相城区" },
|
|
|
|
|
// { value: 10, name: "昆山市" },
|
|
|
|
|
// { value: 4, name: "工业园区" },
|
|
|
|
|
// { value: 10, name: "吴江区" },
|
|
|
|
|
// { value: 5, name: "高新区" },
|
|
|
|
|
// ],
|
|
|
|
|
data: this.arr1,
|
|
|
|
|
},
|
|
|
|
|
],
|
|
|
|
|
|
|
|
|
|
};
|
|
|
|
|
option && myChart.setOption(option);
|
|
|
|
|
},
|
|
|
|
|
|
