|
|
|
@ -182,15 +182,24 @@ export default { |
|
|
|
// text: "ECharts 入门示例", |
|
|
|
// }, |
|
|
|
color: ['#4A90E2','#F5A623',], |
|
|
|
tooltip: {}, |
|
|
|
tooltip: { |
|
|
|
trigger: 'axis', |
|
|
|
axisPointer: { |
|
|
|
type: 'shadow', |
|
|
|
}, |
|
|
|
//这里改变样式 |
|
|
|
formatter: '<strong> {b0}</strong> <br /> <span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #4A90E2;"></span> 订单金额总额:<strong>{c0}</strong>元 <br /> <span style="display: inline-block; margin-right: 4px; border-radius: 10px; width: 10px; height: 10px;background-color: #F5A623;"></span> 标的价款总额:<strong>{c1}</strong>元' |
|
|
|
}, |
|
|
|
legend: { |
|
|
|
data: ["订单金额总额",'标的价款总额'], |
|
|
|
}, |
|
|
|
|
|
|
|
xAxis: { |
|
|
|
data: this.options1.labels, |
|
|
|
}, |
|
|
|
yAxis: {}, |
|
|
|
series: this.options1.datasets |
|
|
|
series: this.options1.datasets, |
|
|
|
|
|
|
|
}; |
|
|
|
// 使用刚指定的配置项和数据显示图表。 |
|
|
|
myChart.setOption(option); |
|
|
|
@ -227,11 +236,29 @@ export default { |
|
|
|
this.rankList=res.data.entrust_ranking |
|
|
|
this.rankList1=res.data.entrust_sale_ranking |
|
|
|
// let type={type:'bar'} |
|
|
|
let style= { |
|
|
|
normal: { |
|
|
|
label: { |
|
|
|
formatter: "元", |
|
|
|
show: true, |
|
|
|
position: "top", |
|
|
|
textStyle: { |
|
|
|
fontWeight: "bolder", |
|
|
|
fontSize: "12", |
|
|
|
color: "#fff" |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
res.data.treeMap.map(item=>{ |
|
|
|
item.type='bar' |
|
|
|
item.name=item.label |
|
|
|
item.smooth=true |
|
|
|
// item.itemStyle=style |
|
|
|
}) |
|
|
|
|
|
|
|
this.options1.datasets=res.data.treeMap |
|
|
|
console.info(this.options1.datasets) |
|
|
|
this.options1.labels=res.data.label |
|
|
|
this.drawChart() |
|
|
|
}else{ |
|
|
|
|