画热力地图不显示 报错怎么解决

Question

画热力地图不显示 报错怎么解决

[ECharts] DEPRECATED: 'normal' hierarchy in itemStyle has been removed since 4.0. All style properties are configured in itemStyle directly now.
outputLog @ echarts.js:7877
deprecateLog @ echarts.js:7893
convertNormalEmphasis @ echarts.js:19620
removeEC3NormalStatus @ echarts.js:19653
compatEC3CommonStyles @ echarts.js:19687
(匿名) @ echarts.js:19866
each @ echarts.js:413
globalCompatStyle @ echarts.js:19864
globalBackwardCompat @ echarts.js:20019
(匿名) @ echarts.js:19503
each @ echarts.js:413
doPreprocess @ echarts.js:19502
parseRawOption @ echarts.js:19493
OptionManager.setOption @ echarts.js:19265
GlobalModel.setOption @ echarts.js:18467
ECharts.setOption @ echarts.js:28481
initMap @ chartjs/:955
(匿名) @ chartjs/:553
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2
echarts.js:7877  [ECharts] DEPRECATED: itemStyle.emphasis has been changed to emphasis.itemStyle since 4.0
outputLog @ echarts.js:7877
deprecateLog @ echarts.js:7893
convertNormalEmphasis @ echarts.js:19634
removeEC3NormalStatus @ echarts.js:19653
compatEC3CommonStyles @ echarts.js:19687
(匿名) @ echarts.js:19866
each @ echarts.js:413
globalCompatStyle @ echarts.js:19864
globalBackwardCompat @ echarts.js:20019
(匿名) @ echarts.js:19503
each @ echarts.js:413
doPreprocess @ echarts.js:19502
parseRawOption @ echarts.js:19493
OptionManager.setOption @ echarts.js:19265
GlobalModel.setOption @ echarts.js:18467
ECharts.setOption @ echarts.js:28481
initMap @ chartjs/:955
(匿名) @ chartjs/:553
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2
echarts.js:7877  [ECharts] DEPRECATED: 'normal' hierarchy in label has been removed since 4.0. All style properties are configured in label directly now.
outputLog @ echarts.js:7877
deprecateLog @ echarts.js:7893
convertNormalEmphasis @ echarts.js:19620
removeEC3NormalStatus @ echarts.js:19656
compatEC3CommonStyles @ echarts.js:19687
(匿名) @ echarts.js:19866
each @ echarts.js:413
globalCompatStyle @ echarts.js:19864
globalBackwardCompat @ echarts.js:20019
(匿名) @ echarts.js:19503
each @ echarts.js:413
doPreprocess @ echarts.js:19502
parseRawOption @ echarts.js:19493
OptionManager.setOption @ echarts.js:19265
GlobalModel.setOption @ echarts.js:18467
ECharts.setOption @ echarts.js:28481
initMap @ chartjs/:955
(匿名) @ chartjs/:553
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2
echarts.js:7877  [ECharts] DEPRECATED: label.emphasis has been changed to emphasis.label since 4.0
outputLog @ echarts.js:7877
deprecateLog @ echarts.js:7893
convertNormalEmphasis @ echarts.js:19634
removeEC3NormalStatus @ echarts.js:19656
compatEC3CommonStyles @ echarts.js:19687
(匿名) @ echarts.js:19866
each @ echarts.js:413
globalCompatStyle @ echarts.js:19864
globalBackwardCompat @ echarts.js:20019
(匿名) @ echarts.js:19503
each @ echarts.js:413
doPreprocess @ echarts.js:19502
parseRawOption @ echarts.js:19493
OptionManager.setOption @ echarts.js:19265
GlobalModel.setOption @ echarts.js:18467
ECharts.setOption @ echarts.js:28481
initMap @ chartjs/:955
(匿名) @ chartjs/:553
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2
echarts.js:52039  Map china not exists. The GeoJSON of the map must be provided.
load @ echarts.js:52039
GeoCreator.getFilledRegions @ echarts.js:53890
GeoModel.optionUpdated @ echarts.js:53937
(匿名) @ echarts.js:18683
each @ echarts.js:413
visitComponent @ echarts.js:18605
entity.topologicalTravel @ echarts.js:16176
GlobalModel._mergeOption @ echarts.js:18584
initBase @ echarts.js:19074
GlobalModel._resetOption @ echarts.js:18496
GlobalModel.setOption @ echarts.js:18469
ECharts.setOption @ echarts.js:28481
initMap @ chartjs/:955
(匿名) @ chartjs/:553
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2
VM700 jquery.3.6.min.js:2  jQuery.Deferred exception: Cannot read properties of undefined (reading 'regions') TypeError: Cannot read properties of undefined (reading 'regions')
    at GeoCreator.getFilledRegions (http://127.0.0.1:8000/static/js/echarts.js:53891:21)
    at GeoModel.optionUpdated (http://127.0.0.1:8000/static/js/echarts.js:53937:37)
    at GlobalModel.<anonymous> (http://127.0.0.1:8000/static/js/echarts.js:18683:32)
    at Array.forEach (<anonymous>)
    at each (http://127.0.0.1:8000/static/js/echarts.js:413:17)
    at GlobalModel.visitComponent (http://127.0.0.1:8000/static/js/echarts.js:18605:11)
    at entity.topologicalTravel (http://127.0.0.1:8000/static/js/echarts.js:16176:22)
    at GlobalModel._mergeOption (http://127.0.0.1:8000/static/js/echarts.js:18584:24)
    at initBase (http://127.0.0.1:8000/static/js/echarts.js:19074:19)
    at GlobalModel._resetOption (http://127.0.0.1:8000/static/js/echarts.js:18496:13) undefined
S.Deferred.exceptionHook @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2
VM700 jquery.3.6.min.js:2  Uncaught TypeError: Cannot read properties of undefined (reading 'regions')
    at GeoCreator.getFilledRegions (echarts.js:53891:21)
    at GeoModel.optionUpdated (echarts.js:53937:37)
    at GlobalModel.<anonymous> (echarts.js:18683:32)
    at Array.forEach (<anonymous>)
    at each (echarts.js:413:17)
    at GlobalModel.visitComponent (echarts.js:18605:11)
    at entity.topologicalTravel (echarts.js:16176:22)
    at GlobalModel._mergeOption (echarts.js:18584:24)
    at initBase (echarts.js:19074:19)
    at GlobalModel._resetOption (echarts.js:18496:13)
GeoCreator.getFilledRegions @ echarts.js:53891
GeoModel.optionUpdated @ echarts.js:53937
(匿名) @ echarts.js:18683
each @ echarts.js:413
visitComponent @ echarts.js:18605
entity.topologicalTravel @ echarts.js:16176
GlobalModel._mergeOption @ echarts.js:18584
initBase @ echarts.js:19074
GlobalModel._resetOption @ echarts.js:18496
GlobalModel.setOption @ echarts.js:18469
ECharts.setOption @ echarts.js:28481
initMap @ chartjs/:955
(匿名) @ chartjs/:553
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
S.readyException @ VM700 jquery.3.6.min.js:2
(匿名) @ VM700 jquery.3.6.min.js:2
e @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
t @ VM700 jquery.3.6.min.js:2
setTimeout(异步)
(匿名) @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
fire @ VM700 jquery.3.6.min.js:2
c @ VM700 jquery.3.6.min.js:2
fireWith @ VM700 jquery.3.6.min.js:2
ready @ VM700 jquery.3.6.min.js:2
B @ VM700 jquery.3.6.min.js:2

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题描述： 在绘制热力地图时，出现了报错并不显示热力地图，报错信息中包含了“DEPRECATED”和“4.0”。 解决方法： 根据报错信息，可以看出是因为ECharts 4.0版本以后，原来在“normal”层级中的一些样式配置（如itemStyle、label等）已经被移除，需要直接在对应的层级中进行配置。因此，解决方法就是将原来在“normal”层级中的样式配置更改为直接在对应的层级中进行配置。 以下是一个简单的示例代码，以热力地图为例： var option = { series: [{

type: 'heatmap',
data: [...],
itemStyle: {
  // 在旧版本的ECharts中，常规状态样式定义在normal层级中
  // 但在ECharts 4.0及以后版本中，这些样式需要直接在itemStyle中定义
  normal: {
    color: '#ffffff'
  }
}

}] }; // 改为 var option = { series: [{ type: 'heatmap', data: [...], itemStyle: { // 在ECharts 4.0及以后版本中，常规状态样式直接在itemStyle中定义 color: '#ffffff' } }] }; 除此之外，还需要对报错信息中涉及到的其他样式配置进行类似的修改，即将原来在“normal”层级中定义的样式配置改为直接在对应层级中进行配置。 注意：如果代码修改后仍然出现报错，可以尝试更新ECharts版本或者检查代码中其他可能导致该报错的原因。