|
@@ -11,8 +11,8 @@ export default {
|
|
option: {
|
|
option: {
|
|
legend: {
|
|
legend: {
|
|
orient: "vertical", //图标排列方向
|
|
orient: "vertical", //图标排列方向
|
|
- left: "right", //距离左边 靠左
|
|
|
|
- orient:'horizontal',
|
|
|
|
|
|
+ left: "left", //距离左边 靠左
|
|
|
|
+ top:'center',
|
|
// ["Apple", "Grapes", "Pineapples", "Oranges", "Bananas"]
|
|
// ["Apple", "Grapes", "Pineapples", "Oranges", "Bananas"]
|
|
data: [], //上面可以选择的按钮
|
|
data: [], //上面可以选择的按钮
|
|
},
|
|
},
|
|
@@ -23,8 +23,9 @@ export default {
|
|
// {b}series.data.name {c}series.data.value
|
|
// {b}series.data.name {c}series.data.value
|
|
// formatter: "{b}<br/>{c0}<br/>{a}<br/>{d}",
|
|
// formatter: "{b}<br/>{c0}<br/>{a}<br/>{d}",
|
|
formatter: (params) => {
|
|
formatter: (params) => {
|
|
- console.log(params);
|
|
|
|
|
|
+ // console.log(params);
|
|
return `
|
|
return `
|
|
|
|
+ 类型:${params.name}<br/>
|
|
总金额:${params.value[0]} <br/>
|
|
总金额:${params.value[0]} <br/>
|
|
总个数:${params.value[1]}
|
|
总个数:${params.value[1]}
|
|
`;
|
|
`;
|
|
@@ -34,8 +35,11 @@ export default {
|
|
{
|
|
{
|
|
type: "pie",
|
|
type: "pie",
|
|
data: [],
|
|
data: [],
|
|
- avoidLabelOverlap: true,
|
|
|
|
- roseType:'area'
|
|
|
|
|
|
+ left:'right',
|
|
|
|
+ roseType:'area', // area radius
|
|
|
|
+ width:'70%',
|
|
|
|
+ selectedMode:'single',
|
|
|
|
+ avoidLabelOverlap: true
|
|
},
|
|
},
|
|
],
|
|
],
|
|
},
|
|
},
|
|
@@ -45,11 +49,11 @@ export default {
|
|
getStatistics().then((res) => {
|
|
getStatistics().then((res) => {
|
|
let data = res.data;
|
|
let data = res.data;
|
|
this.option.legend.data = data.map((v) => {
|
|
this.option.legend.data = data.map((v) => {
|
|
- return v.payment_type;
|
|
|
|
|
|
+ return v.payment_type.split('、')[1];
|
|
});
|
|
});
|
|
this.option.series[0].data = data.map((v) => {
|
|
this.option.series[0].data = data.map((v) => {
|
|
return {
|
|
return {
|
|
- name: v.payment_type,
|
|
|
|
|
|
+ name: v.payment_type.split('、')[1],
|
|
value: [v.price_sum,v.payment_type_count],
|
|
value: [v.price_sum,v.payment_type_count],
|
|
};
|
|
};
|
|
});
|
|
});
|
|
@@ -61,6 +65,9 @@ export default {
|
|
console.log(this.option);
|
|
console.log(this.option);
|
|
var Pie = echarts.init(document.getElementById("main"));
|
|
var Pie = echarts.init(document.getElementById("main"));
|
|
Pie.setOption(this.option);
|
|
Pie.setOption(this.option);
|
|
|
|
+ Pie.on('click',(params)=>{
|
|
|
|
+ console.log('点击图标内容',params);
|
|
|
|
+ })
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
};
|