echarts 报黄警告itemStyle.normal.labelLine is deprecated或者‘normal‘ hierarchy in label 等

最新推荐文章于 2024-10-27 20:24:54 发布

原创最新推荐文章于 2024-10-27 20:24:54 发布 · 4.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

本文介绍了解决ECharts引入时出现的黄色警告的方法。通过调整itemStyle配置，将normal选项外置来消除警告，确保图表正常显示。

如果引进的echart报一些黄色警告，例如

那我们就返回代码找到itemStyle修改他，此时的他应该是这个样子

                           
itemStyle:{
                                     // 显示图例
                                    normal:{
                                         label: {
                                            show: true
                                        },
                                        labelLine: {
                                            show: true
                                        },
                                    }
                                }
 emphasis: {
                                // 图形阴影的模糊大小
                                shadowBlur: 10,
                                // 阴影水平方向上的偏移距离
                                shadowOffsetX: 0,
                                // 阴影颜色
                                shadowColor: 'rgba(0, 0, 0, 0.5)',
                                
                            }

这个时候我们需要把normal里面的东西拿出来，就好了

                            emphasis: {
                                // 图形阴影的模糊大小
                                shadowBlur: 10,
                                // 阴影水平方向上的偏移距离
                                shadowOffsetX: 0,
                                // 阴影颜色
                                shadowColor: 'rgba(0, 0, 0, 0.5)',
                                itemStyle:{
                                     // 显示图例
                                    normal:{
                                         label: {
                                            show: true
                                        },
                                        labelLine: {
                                            show: true
                                        },
                                    }
                                }
                            }