gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复实体列表展开后地图不渲染的问题

Browse Source
This commit is contained in:
chenjinsong
2022-09-01 16:30:26 +08:00
parent 3b86f3436d
commit a61e853f82
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/loading.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.7 KiB

15
src/views/charts/charts/ChartMap.vue
View File

@@ -155,11 +155,12 @@ export default {
mixins: [chartMixin], mixins: [chartMixin],
methods: { methods: {
unitConvert, unitConvert,
initMap (id) { async initMap (id) {
try { try {
// 初始化插件 // 初始化插件
const geoData = await getGeoData(storageKey.iso36112WorldLow)
const chart = am4Core.create(id, am4Maps.MapChart) const chart = am4Core.create(id, am4Maps.MapChart)
chart.geodata = getGeoData(storageKey.iso36112WorldLow) chart.geodata = geoData
chart.projection = new am4Maps.projections.Miller() chart.projection = new am4Maps.projections.Miller()
this.myChart = shallowRef(chart) this.myChart = shallowRef(chart)
// 初始化多边形series（即地图series） // 初始化多边形series（即地图series）
@@ -217,7 +218,7 @@ export default {
if (countryId) { if (countryId) {
ev.target.series.chart.zoomToMapObject(ev.target) ev.target.series.chart.zoomToMapObject(ev.target)
ev.target.isHover = false ev.target.isHover = false
const geoData = getGeoData(countryId) const geoData = await getGeoData(countryId)
if (geoData) { if (geoData) {
this.countrySeries = shallowRef(this.polygonSeriesFactory()) this.countrySeries = shallowRef(this.polygonSeriesFactory())
this.countrySeries.geodata = geoData this.countrySeries.geodata = geoData
@@ -234,9 +235,9 @@ export default {
polygonSeries.useGeodata = true polygonSeries.useGeodata = true
polygonSeries.exclude = ['AQ'] // 排除南极洲 polygonSeries.exclude = ['AQ'] // 排除南极洲
polygonSeries.tooltip.getFillFromObject = false polygonSeries.tooltip.getFillFromObject = false
polygonSeries.tooltip.background.fill = am4Core.color('#41495D') polygonSeries.tooltip.background.fill = am4Core.color('#ffffff')
polygonSeries.tooltip.background.filters.clear() polygonSeries.tooltip.background.filters.clear()
polygonSeries.tooltip.background.stroke = '#41495D' polygonSeries.tooltip.background.stroke = '#C5C5C5'
const polygonTemplate = polygonSeries.mapPolygons.template const polygonTemplate = polygonSeries.mapPolygons.template
polygonTemplate.tooltipHTML = this.generatePolygonTooltipHTML() polygonTemplate.tooltipHTML = this.generatePolygonTooltipHTML()
polygonTemplate.nonScalingStroke = true polygonTemplate.nonScalingStroke = true
@@ -276,9 +277,9 @@ export default {
circle.strokeWidth = 1 circle.strokeWidth = 1
circle.tooltipHTML = this.generatePolygonTooltipHTML() circle.tooltipHTML = this.generatePolygonTooltipHTML()
imageSeries.tooltip.getFillFromObject = false imageSeries.tooltip.getFillFromObject = false
imageSeries.tooltip.background.fill = am4Core.color('#41495D') imageSeries.tooltip.background.fill = am4Core.color('#FFFFFF')
imageSeries.tooltip.background.filters.clear() imageSeries.tooltip.background.filters.clear()
imageSeries.tooltip.background.stroke = '#41495D' imageSeries.tooltip.background.stroke = '#C5C5C5'
imageSeries.heatRules.push({ imageSeries.heatRules.push({
target: circle, target: circle,