echarts
悦悦猪
一枚正在学习前端的小萝莉。
展开
-
echarts控制台警告:DEPRECATED: ‘normal‘ hierarchy in itemStyle has been removed since 4.0.
echarts控制台警告:normal字段弃用原创 2022-11-04 15:19:34 · 5798 阅读 · 0 评论 -
echarts(横向柱状图和grid)
场景最近在做知识图谱的时候,右侧弹窗需要有数据统计功能,大概UI如下图,当时想到的是横向柱状图来实现,目前的效果与UI的不同是后面统计的数量显示的位置。后来经其他前端同事启发,他是用进度条来实现的,发现自己的思想有些死板了,原来进度条实现也很好啊。下面说下自己在用echarts的横向柱状图实现方法和遇到的坑。实现let option; option = { title: { show: false }, legend:原创 2021-11-26 17:07:21 · 5795 阅读 · 0 评论 -
echarts版本导致的关系图卡顿
问题最近在一个已有的项目上添加新功能时,需要用到关系图来表示人物与粉丝的关系,发现当数据只有2000多条时,关系图卡顿且页面卡死崩溃,刚好身边同事在做的另一个项目也用到了echarts的关系图,数据同样是2000多条,却不卡顿。解决于是我将同事的关于关系图相关的echarts配置代码拷贝过来,试了一下,发现还是卡顿,同样的代码,只是数据不同,在想是不是我的数据只有一个中心点,其余数据全部连在这个点上;同事的数据是有多个中心点,多对多的原因。于是我将同事的数据放在json文件里请求,这样就是同样的代码和原创 2021-06-25 15:17:38 · 1197 阅读 · 0 评论 -
echarts图表文字换行
最近使用了echarts的树图,由于树图的叶子比较多,文字重叠了,想让一个文字占一行,所以做了一下处理。leaves: { label: { position: 'bottom', rotate: 0, verticalAlign: 'top', align: 'center', formatter: function(val) { let strs =原创 2021-04-26 16:34:41 · 2159 阅读 · 0 评论