Browse Source

热水-收益分析页面,收益趋势添加最大最小值标识

dev
selia-zx 4 days ago
parent
commit
1ef089163b
  1. 44
      src/views/hotWater/profitAnalysis/index.vue

44
src/views/hotWater/profitAnalysis/index.vue

@ -702,7 +702,7 @@ export default {
// 线
initTrendChart() {
this.trendChart = echarts.init(this.$refs.trendChart_ref);
const titleFontSize = this.$refs.trendChart_ref.offsetWidth / 50;
const dates = this.chartData.map(item => item.curDate).reverse();
const incomeData = this.chartData.map(item => item.totalIncome).reverse();
@ -717,8 +717,9 @@ export default {
show: false,
},
grid: {
// top: "15%",
left: "3%",
right: "5%",
right: "10%",
bottom: "3%",
containLabel: true
},
@ -797,6 +798,45 @@ export default {
{ offset: 1, color: "rgba(16, 185, 129, 0.1)" }
]
}
},
markPoint: {
data: [
{
type: 'max',
name: '最大值',
symbol: 'arrow',
symbolRotate: 180,
label: {
formatter: function (params) {
return params.value + '元';
}
}
},
{
type: 'min',
name: '最小值',
symbol: 'arrow',
symbolRotate: 180,
label: {
formatter: function (params) {
return params.value + '元';
}
}
}
],
label: {
fontSize: 14,
color: "#10b981",
fontWeight: 'bold',
padding: [4, 8],
borderRadius: 4,
backgroundColor: 'rgba(0, 0, 0, 0.7)',
offset: [0, -30]
},
itemStyle: {
color: "#10b981",
},
symbolSize: 14
}
}
]

Loading…
Cancel
Save