![](https://img-blog.csdnimg.cn/324777a4b3034d61aa01766e3ab87fde.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
echarts
......
湘水狱
这里是记录小编学习和工作中遇到的问题及解决后的答案,希望对你有所帮助,错误的地方,请多多指教
展开
-
【记录46】【案例】echarts 柱状图
echarts环境4.1.0。原创 2024-06-18 23:00:00 · 716 阅读 · 0 评论 -
【记录45】【案例】echarts 柱状图3D效果
echarts 柱状图3D效果原创 2024-06-18 23:30:00 · 253 阅读 · 0 评论 -
【记录44】【案例】echarts地图
这里需注意:笔者在echarts5.4.2版本添加是失败的,查看了下下载的echarts缺少部分文件,导致无法加载,正确的版本在环境那块写了,原创 2024-06-18 21:30:00 · 394 阅读 · 0 评论 -
【记录40】echarts
【代码】【记录40】echarts。原创 2024-04-03 08:54:49 · 151 阅读 · 0 评论 -
【记录40】echarts离散图
【代码】【记录40】echarts离散图。原创 2024-04-02 11:40:19 · 1752 阅读 · 0 评论 -
【记录38】[ECharts] Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
就是获取不到dom 的宽高导致无法动态渲染dom实例,实际就一定写过了,但是还是没有获取到,为什么呢?这里说明下,有些伙伴理解“不是需要根据id去css中设定DOM 的宽高”,结果排查了半天是因为一个符号写错,服了,写代码的时候还是得注意点。实际dom已经初始化并加载出来了,点击对应的事件,无法渲染图型。原创 2024-03-19 11:56:25 · 678 阅读 · 0 评论 -
【案例+解说】highcharts 3D环形图动态循环
serse加innerSize,只需加这一项就可以将3D饼图直接变成3D环形图。原创 2024-02-01 16:39:56 · 602 阅读 · 0 评论 -
【案例+解说】highcharts 饼图动态循环加载
【代码】【案例+解说】highcharts 饼图动态循环加载。原创 2024-02-01 11:49:32 · 476 阅读 · 0 评论 -
【案例】echarts线性图
echarts线性图。原创 2024-01-31 10:13:13 · 399 阅读 · 0 评论 -
【echarts】图表清空,重新渲染数据
经过排查返回的数据是没问题的,只能是渲染问题,发现出现这种问题,刷新就好了,不能老是刷浏览器吧,只能重新渲染才可以。点击不同按钮,echarts图型里的数值进行了替换,奇怪的是,有的按钮可以,有的就不行(点击按钮后,获取的数据为空时,图型不会清空,存在显示之前的数据)option &mycharts.option(option, true);笔者在echarts图型中,随着点击不同按钮,echarts图型里的数值随着变化。方法,发现是无效的。原创 2023-11-24 09:55:49 · 4646 阅读 · 1 评论 -
【案例】可视化大屏
话不多说,直接上效果图:源码已附在文章结尾原创 2023-11-16 15:48:51 · 414 阅读 · 0 评论 -
【echarts】Can‘t get DOM width or height. Please check dom.clientWidth and dom.clientHeight.
笔者问题出现的情景:从其它页面跳转都没问题,可以正常加载展示,唯独一旦刷新浏览器就加载不到了(dom的宽高都已设置)。通过查资料研究发现出现问题是地方是“浏览器刷新后,页面是需要重新加载渲染,而在加载还未完成时,echarts图函数被已加载,页面还没渲染结束,肯定就获取不到DOM的宽高啦。:无法获取DOM的宽度或高度。例如,你可能需要在window.onload的回调函数中调用它。解决方法:笔者是在mounted() 中借助setTimeout()来延迟加载。无法获取dom的宽高(简单来说就这个几个字)原创 2022-10-28 14:45:29 · 21371 阅读 · 2 评论 -
echarts 饼图
代码】echarts饼图。原创 2022-07-19 19:30:00 · 487 阅读 · 0 评论 -
echarts 环形图
echarts环形图。原创 2022-07-18 21:00:00 · 363 阅读 · 0 评论 -
【记录19】 echarts饼图 :数值不同,占比一样
要保证图型的比例大小不变,就需要数值始终都保持一致,到这里:实际的数据是不一样的,默认value为0(都同为一个数字),我们在name上做文章,把需要展示的信息字段拼接成一个字符串赋给name字段就可以啦啊,这里小编就是这样做的,亲测没问题!!!原创 2022-03-17 15:01:30 · 1898 阅读 · 0 评论 -
【记录18】echarts 折线图:展示数值,加背景颜色
echarts 样式案例 展示数值,加背景颜色原创 2022-03-17 14:10:19 · 1455 阅读 · 0 评论 -
echarts 动态 折线图
如何将给定的数据以动画的形式展现出来呢?** 笔者经过花费半天的时间终于实现了它。即有了动态效果也有了无线循环的效果。 **下面与大家一起分享,有用,请留下你的小心心也可以收藏下该难点所用到的技术有:echarts插件、push()、splice()、reverse()、for循环、if判断语句假设下面是你所拥有的的案例数据:这里笔者就用一个图型的案例来说明:数据为模拟数据var list1 = ['2020/7/1 6:20','2020/7/1 12:20','2020/7/1 18:20'.原创 2021-08-17 11:13:01 · 4454 阅读 · 2 评论 -
export (imported as ‘echarts‘) was not found in ‘echarts‘
今天笔者报了这个警告:“export 'default' (imported as 'echarts') was not found in 'echarts’”现在我们就处理一下它,查了下资料说是与版本有关,最后发现该版本的导入方式不对。先查看下我们自己的echarts的版本,我的版本是5.1.1,5.0的版本,在需要的地方导入:import * as echarts from echarts4.0的版本,导入方式是:import echarts from echarts想修改echarts版本的原创 2021-06-01 10:49:14 · 927 阅读 · 0 评论 -
mounted hook: “Error: Component yAxis.custom not exists. Load it first.“
报错:mounted hook: "Error: Component yAxis.custom not exists. Load it first."报错的环境是:vue中使用echarts解决方法: 项目名/node_modules/vue-echarts/components/Echarts.vue中找到import echarts from 'echarts/lib/echarts'改为import echarts from 'echarts'就可以啦!!!图片展示:改为...原创 2021-01-07 14:09:10 · 1420 阅读 · 0 评论