fix: 修复折线图百分比数据与坐标对不上问题
This commit is contained in:
@@ -291,7 +291,7 @@ export default {
|
|||||||
}
|
}
|
||||||
])
|
])
|
||||||
},
|
},
|
||||||
data: t.data.map(v => [Number(v[0]) * 1000, Number(v[1]), 'number']),
|
data: t.data.map(v => [Number(v[0]) * 1000, Number(v[1]), 'number'])
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.chartOption.tooltip.formatter = (params) => {
|
this.chartOption.tooltip.formatter = (params) => {
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ import { get } from '@/utils/http'
|
|||||||
import { api } from '@/utils/api'
|
import { api } from '@/utils/api'
|
||||||
import ChartNoData from '@/views/charts/charts/ChartNoData'
|
import ChartNoData from '@/views/charts/charts/ChartNoData'
|
||||||
import chartMixin from '@/views/charts2/chart-mixin'
|
import chartMixin from '@/views/charts2/chart-mixin'
|
||||||
import { chartColor3 } from '@/utils/constants'
|
import unitConvert from '@/utils/unit-convert'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'NpmLine',
|
name: 'NpmLine',
|
||||||
@@ -178,6 +178,14 @@ export default {
|
|||||||
data: t.values.map((v) => [Number(v[0]) * 1000, Number(v[1]), type])
|
data: t.values.map((v) => [Number(v[0]) * 1000, Number(v[1]), type])
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
this.chartOption.yAxis[0].axisLabel.formatter = (value) => {
|
||||||
|
if (type === 'percent') {
|
||||||
|
console.log(type)
|
||||||
|
return unitConvert(value, type)[0]
|
||||||
|
} else {
|
||||||
|
return unitConvert(value, 'number').join('')
|
||||||
|
}
|
||||||
|
}
|
||||||
this.chartOption.tooltip.formatter = (params) => {
|
this.chartOption.tooltip.formatter = (params) => {
|
||||||
params.forEach(t => {
|
params.forEach(t => {
|
||||||
t.seriesName = this.$t(t.seriesName)
|
t.seriesName = this.$t(t.seriesName)
|
||||||
|
|||||||
@@ -286,6 +286,15 @@ export default {
|
|||||||
this.chartOption = trafficLineChartOption
|
this.chartOption = trafficLineChartOption
|
||||||
const chartOption = this.chartOption.series[0]
|
const chartOption = this.chartOption.series[0]
|
||||||
this.chartOption.series = echartsData.map((t, i) => {
|
this.chartOption.series = echartsData.map((t, i) => {
|
||||||
|
this.chartOption.yAxis[0].axisLabel.formatter = (value) => {
|
||||||
|
if (t.unitType === 'percent') {
|
||||||
|
return unitConvert(value, t.unitType)[0]
|
||||||
|
} else if (t.unitType === 'time') {
|
||||||
|
return unitConvert(value, 'number').join('')
|
||||||
|
} else {
|
||||||
|
return unitConvert(value, t.unitType).join('')
|
||||||
|
}
|
||||||
|
}
|
||||||
return {
|
return {
|
||||||
...chartOption,
|
...chartOption,
|
||||||
name: this.$t(t.name),
|
name: this.$t(t.name),
|
||||||
|
|||||||
@@ -345,9 +345,9 @@ export const npmLineChartOption = {
|
|||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
formatter: function (value) {
|
// formatter: function (value) {
|
||||||
return unitConvert(value, unitTypes.number).join('')
|
// return unitConvert(value, unitTypes.number).join('')
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@@ -416,9 +416,9 @@ export const trafficLineChartOption = {
|
|||||||
show: false
|
show: false
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
formatter: function (value) {
|
// formatter: function (value) {
|
||||||
return unitConvert(value, unitTypes.number).join('')
|
// return unitConvert(value, unitTypes.number).join('')
|
||||||
}
|
// }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user