js
m0_45456399
这个作者很懒,什么都没留下…
展开
-
echarts 适用于大屏项目 自适应图表文字大小
auto-echarts 适用于大屏项目 自适应图表文字大小。实现原理:通过监听浏览器分辨率变化,动态修改图表的参数(这里通过指定格式来替换)大小,从而实现自适应。封装方式:图表:配置每种图表的参数方法,通过传入参数,返回图表的配置项(内部文字大小的值用指定格式替换)。组件:配置echarts、highcharts等组件的基本实用方法,通过传入图表配置项,返回图表组件。hooks:监听浏览器分辨率变化的方法、根据正则替换图表配置项中的文字大小。原创 2024-01-26 14:14:26 · 588 阅读 · 0 评论 -
echarts间隔环形图、双间隔环形图的实现
首先上图看最终实现效果:可以看到图中使用空白间隔把环形图表隔开,内部使用同样颜色不同透明度展示。,legendSelectChanged中能拿到图例状态的列表,我们通过这个状态的列表来判断。可以看到图中使用空白间隔把环形图表隔开,内部使用同样颜色不同透明度展示。过滤原列表,如果图例没有选中,就不插入空白值,反之亦然。同样,图例颜色也需要更新。原创 2023-12-26 16:17:27 · 1163 阅读 · 1 评论 -
使用mapboxgl实现实时车辆移动效果,并优化卡顿
mapboxgl 方法 这个在最初实现功能的时候出现过,最初使用source源和layer的方式添加及setData更新的方式,但数据过多时页面卡顿严重,后续经过几个方法的实现,最后上文中是最优方式,目前demo中数据量也不会造成卡顿。以服务形式启动就可以查看了。原创 2023-06-07 17:58:42 · 894 阅读 · 0 评论 -
echarts的markArea图表标域的灵活运用
echarts-图表标域,markArea灵活运用原创 2022-06-14 16:12:29 · 6782 阅读 · 9 评论 -
js限制输入框只能输入两位小数点
<input type="number" oninput="value=value.toString().match(/^\d+(?:\.\d{0,2})?/)">转载 2021-11-29 17:45:00 · 650 阅读 · 0 评论