|
|
@@ -42,6 +42,9 @@ function getChartOption(data: ChartItem[]): echarts.EChartsOption {
|
|
|
shadowStyle: {
|
|
|
color: THEME.split
|
|
|
}
|
|
|
+ },
|
|
|
+ valueFormatter(value: number) {
|
|
|
+ return activeRange.value === 'sixMonth' ? `${Number(value).toFixed(2)} 万元` : `${value}`
|
|
|
}
|
|
|
}),
|
|
|
xAxis: {
|
|
|
@@ -65,7 +68,7 @@ function getChartOption(data: ChartItem[]): echarts.EChartsOption {
|
|
|
},
|
|
|
yAxis: {
|
|
|
type: 'value',
|
|
|
- name: '运维成本(元)',
|
|
|
+ name: activeRange.value === 'sixMonth' ? '运维成本(万元)' : '运维成本(元)',
|
|
|
nameTextStyle: {
|
|
|
color: THEME.text.regular,
|
|
|
fontSize: 13,
|
|
|
@@ -118,7 +121,10 @@ function getChartOption(data: ChartItem[]): echarts.EChartsOption {
|
|
|
color: THEME.color.orange.strong,
|
|
|
fontSize: 16,
|
|
|
fontWeight: 700,
|
|
|
- fontFamily: FONT_FAMILY
|
|
|
+ fontFamily: FONT_FAMILY,
|
|
|
+ formatter(params: any) {
|
|
|
+ return activeRange.value === 'sixMonth' ? Number(params.value).toFixed(2) : params.value
|
|
|
+ }
|
|
|
},
|
|
|
emphasis: {
|
|
|
itemStyle: {
|
|
|
@@ -198,7 +204,10 @@ async function loadChart(range: CostRange = activeRange.value) {
|
|
|
|
|
|
chartData.value = res.xAxis.map((item, index) => ({
|
|
|
name: item,
|
|
|
- value: res.series[index]
|
|
|
+ value:
|
|
|
+ range === 'sixMonth'
|
|
|
+ ? Number((Number(res.series[index] || 0) / 10000).toFixed(2))
|
|
|
+ : res.series[index]
|
|
|
}))
|
|
|
renderChart()
|
|
|
} catch (error) {
|