警告内容:
[ECharts] DEPRECATED: textStyle hierarchy in name has been removed since 4.0. All textStyle properties are configured in name directly now.
翻译:
名称中的textStyle层次结构自4.0以来已被删除。现在所有的textStyle属性都直接在name中配置。
解决:
// 修改之前
radar: {
indicator: [
{ name: '语文' },
{ name: '数学' },
{ name: '英语' },
{ name: '美术' },
{ name: '音乐' },
{ name: '信息技术' },
{ name: '科学' },
{ name: '综合实践' }
],
radius: 50,
name: {
textStyle: {
color: '#fff',
fontSize: '12'
}
}
},
// 修改之后
radar: {
indicator: [
{ name: '语文' },
{ name: '数学' },
{ name: '英语' },
{ name: '美术' },
{ name: '音乐' },
{ name: '信息技术' },
{ name: '科学' },
{ name: '综合实践' }
],
radius: 50,
name: {
// textStyle 这个配置项已经移除啦 所有样式直接写在axisName下
axisName: {
color: '#fff',
fontSize: '12'
}
}
},
警告内容:
[ECharts] DEPRECATED: name property in radar component has been changed to axisName
翻译:
雷达组件的name属性已更改为axisName
解决:
// 解决之前
radar: {
indicator: [
{ name: '语文' },
{ name: '数学' },
{ name: '英语' },
{ name: '美术' },
{ name: '音乐' },
{ name: '信息技术' },
{ name: '科学' },
{ name: '综合实践' }
],
radius: 50,
name: {
axisName: {
color: '#fff',
fontSize: '12'
}
}
},
// 解决之后
radar: {
indicator: [
{ name: '语文' },
{ name: '数学' },
{ name: '英语' },
{ name: '美术' },
{ name: '音乐' },
{ name: '信息技术' },
{ name: '科学' },
{ name: '综合实践' }
],
radius: 50,
// 我把name属性删掉,直接用axisName就不报警告了
axisName: {
color: '#fff',
fontSize: '12'
}
},
至此,控制台警告解决。
参考文章:
echarts 升级,消除控制台警告|以及一些报错问题_[echarts] deprecated: namegap property in radar co-CSDN博客