fix; 修复折线图因数据问题导致移入弹框颜色错误问题

This commit is contained in:
@changcode
2022-10-20 11:19:58 +08:00
parent 5767fe896b
commit e39e24258b
5 changed files with 22 additions and 4 deletions

View File

@@ -474,10 +474,8 @@ export function stackedLineTooltipFormatter (params) {
str += '<div class="cn-chart-tooltip">' str += '<div class="cn-chart-tooltip">'
params.forEach((item, i) => { params.forEach((item, i) => {
str += '<span class="cn-chart-tooltip-box">' str += '<span class="cn-chart-tooltip-box">'
str += item.marker str += `<span style="display:inline-block;margin-right:4px;border-radius:10px;width:10px;height:10px;background-color:${item.borderColor};"></span>`
str += `<span class="cn-chart-tooltip-content"> str += `<span class="cn-chart-tooltip-content">${item.seriesName}</span>`
${item.seriesName}
</span>`
str += '</span>' str += '</span>'
}) })
str += '</div>' str += '</div>'

View File

@@ -350,6 +350,11 @@ export default {
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)
this.mpackets.forEach(e => {
if (this.$t(e.name) === t.seriesName) {
t.borderColor = chartColor3[e.positioning]
}
})
}) })
const str = stackedLineTooltipFormatter(params) const str = stackedLineTooltipFormatter(params)
return str return str

View File

@@ -297,6 +297,11 @@ export default {
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)
this.mpackets.forEach(e => {
if (this.$t(e.name) === t.seriesName) {
t.borderColor = chartColor3[e.positioning]
}
})
}) })
const str = stackedLineTooltipFormatter(params) const str = stackedLineTooltipFormatter(params)
return str return str

View File

@@ -286,6 +286,11 @@ export default {
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)
this.mpackets.forEach(e => {
if (this.$t(e.name) === t.seriesName) {
t.borderColor = chartColor3[e.positioning]
}
})
}) })
const str = stackedLineTooltipFormatter(params) const str = stackedLineTooltipFormatter(params)
return str return str

View File

@@ -396,6 +396,11 @@ export default {
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)
this.mpackets.forEach(e => {
if (this.$t(e.name) === t.seriesName) {
t.borderColor = chartColor3[e.positioning]
}
})
}) })
const str = stackedLineTooltipFormatter(params) const str = stackedLineTooltipFormatter(params)
return str return str