技术栈
echarts
戒不掉的伤怀
17 小时前
前端
·
react.js
·
echarts
react,使用echarts过程
第一步:安装echarts第二步:创造echarts组件:代码:第三步:在页面中使用当前组件,代码如下
万变不离其宗_8
2 天前
前端
·
笔记
·
echarts
echarts使用笔记
https://echarts.apache.org/zh/option.html
voyageracer
3 天前
vue.js
·
echarts
Vue3 中 echarts resize() 不生效
最近在用 Vue3 开发一个可视化页面时发生了个奇怪的现象,想实现图表在用户调整窗口大小后重新渲染,防止发生变形,已经在元素上设置了百分比宽高,但它就是不生效。
应巅
3 天前
前端
·
ui
·
echarts
echarts 数据大屏(无UI设计 极简洁版)
每个数据项位于 0 到 1 之间,每一个数据项也可以是单个对象。一般用于控制图表的大小 可以是百分比(80%) 或者是 绝对值(100px)
RR1335
4 天前
前端
·
apache
·
echarts
图标统计页面的设计与控件 Apache echarts
Apache ECharts引入 echarts 的代码js 文件的 DNShttps://cdn.jsdelivr.net/npm/echarts/
这可不简单
8 天前
前端
·
vue.js
·
echarts
方便易懂的自适应方案---echarts和dom样式大小自适应
哈喽大家好,今天跟大家分享一个大屏项目中的适配方案。一般大屏项目中大多是echarts图表和一些dom元素自适应适配,那么今天的这个方案就是有一个比较简单的实现这个适配。(如果适合所做项目基本可以复制直接使用)。当然方法可能也有局限,欢迎大家指正。
八月林城
9 天前
android
·
uni-app
·
echarts
echarts在uniapp中使用安卓真机运行时无法显示的问题
1、echarts代码必须写在 lang="renderjs"的script 中,调用的时候必须在:change中调用<script module="renderScript" lang="renderjs">
路很长OoO
10 天前
echarts
·
harmonyos
·
canvas
鸿蒙手写ECharts_手势惯性(条形统计图)
在移动应用开发中,数据可视化是提升用户体验的关键。条形统计图作为直观的数据展示方式,结合鸿蒙的 Canvas 绘图和手势交互,可打造出流畅的交互体验。本文将详细讲解如何利用鸿蒙 Canvas 实现带手势惯性的条形统计图,涵盖需求分析、技术实现、代码优化等内容。
Alice_hhu
11 天前
前端
·
javascript
·
echarts
ResizeObserver 解决 echarts渲染不出来,内容宽度为 0的问题
【问题场景】 vue项目,封装了echarts相关的图表组件,在父组件中引入这些组件,图表宽度由父组件中的包裹元素决定,而这些包裹元素的宽度不固定,是按比例计算来的,页面刷新时,偶现部分图表渲染不出来,F12定位发现 这些图表的内容宽度是 0。
纯阳阳
12 天前
前端
·
echarts
如何用echart绘制圆柱
效果图代码部分解释html部分就不做过多的解释自己看(内环)(中环)(外环)那一部分的代码就是绘制最下面的三个圈的,我的项目中我去掉了, 去掉之后的3个就刚好是圆柱的上面圆盘,下面圆盘和圆柱
qq_1061383457
16 天前
vue.js
·
spring boot
·
echarts
SpringBoot+Vue+Echarts实现可视化图表的渲染
先看效果:1.首页2.控制层3.Mapper4.前端直接传SQL,后台接收需要一个实体类封装:写法不是很规范,但是很多时候在别人的项目里去添加功能就很方便,不用去读原来的项目代码,直接在前端把SQL语句当做参数传到后端接口,和原来的项目隔离,实现功能。
Shi_haoliu
18 天前
前端
·
javascript
·
vue.js
·
git
·
pdf
·
echarts
·
html5
前端vue2-完全前端生成pdf->pdf-lib,html2canvas+jspdf,原生打印,三种方式(打印带有echarts图的pdf)
pdf-lib:优点是可以控制输出内容,缺点是麻烦html2canvas:优点是直接把html页面转成图片之后插入pdf很方便,不用过多的代码,缺点是不好控制图片大小,容易被戒断,可以把想打印的内容藏在页面外面(postion:absoult;left:-9999)
全宇宙最最帅气的哆啦A梦小怪兽
18 天前
前端
·
javascript
·
echarts
·
产品经理
·
原型
【Axure结合Echarts绘制图表】
1.绘制一个矩形,用于之后存放图表,将其命名为test:2.新建交互 -> 载入时 -> 打开链接: 3.链接到URL或文件路径: 4.点击fx: 5.输入:
阿乐今天敲代码没
18 天前
前端
·
echarts
·
甘特图
echarts实现项目进度甘特图
echarts并无甘特图配置项,我们可以使用柱状图模拟,具体配置项如下,可以在echarts直接运行添加警告标识以及文字叙述
阿乐今天敲代码没
22 天前
前端
·
echarts
echarts定制化柱状图——条纹柱状图
简单记录下echarts定制化柱状图的开发,省的以后还要去翻配置项,以下代码echarts官网均可直接运行
二次程序员
22 天前
前端
·
javascript
·
css
·
echarts
·
抽象工厂模式
·
大屏端
ECharts图表工厂,完整代码+思路逻辑
Echart工厂支持柱状图(bar)折线图(line)散点图(scatter)饼图(pie)雷达图(radar)极坐标柱状图(polarBar)和极坐标折线图(polarLine)等多种图表,及其对应扩展图表:
陈杨_
25 天前
华为
·
echarts
·
创业创新
·
harmonyos
HarmonyOS5云服务技术分享--认证文档问题
各位开发者朋友好!本文将详细讲解如何基于HarmonyOS ArkTS框架集成华为AppGallery Connect(AGC)认证服务,涵盖从项目创建到SDK集成全流程。无论您是首次接入AGC服务,还是需要优化现有流程,本文均可提供完整指引。
koiy.cc
1 个月前
前端
·
echarts
记录:echarts实现tooltip的某个数据常显和恢复
小嘟嚷ovo
1 个月前
前端
·
html
·
echarts
h5,原生html,echarts关系网实现
1.缩放和移动功能,配置roam:true2.他关系网的缩放和移动只能按住具体的关系网矩形才能实现,这体验不好,为了解决这个问题,我添加了两个透明的节点一个在左上角,一个在右下角,这样就能让关系网矩形做到最大,来解决这个问题。
小二·
1 个月前
前端
·
信息可视化
·
echarts
ECharts:数据可视化的强大引擎
在当今这个信息爆炸的时代,如何有效地展示和理解复杂的数据成为了每一个开发者和技术爱好者面临的挑战。Apache ECharts 作为一款基于 JavaScript 的开源可视化库,以其强大的功能、丰富的图表类型以及高度的可定制性,迅速成为了数据可视化领域的佼佼者。