E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
echarts
Echarts
示例
一.概念
ECharts
(Enterpris
eCharts
)是百度开源的一个基于JavaScript的可视化图表库。它提供了多种常见的数据可视化图表,包括折线图、柱状图、散点图、饼图、雷达图等等。
可爱的鸡仔
·
2023-11-10 22:14
前端
echarts
信息可视化
前端
【学生网页设计作品 】关于HTML公益主题网页设计——谨防电信诈骗网
一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业:【毕设项目精品实战案例(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】超炫酷的
Echarts
STU网页设计与制作
·
2023-11-10 18:24
网页建设
html
css
javascript
web
vue+docxtemplater实现读取word文档,根据后端数据生成
echarts
图表插入word,并下载为docx格式文件
一、需求word自带的图表不能满足需求,并且编写过程繁琐,需要写一个页面,主要功能是能读取服务器的word模板,根据后台给的数据,自动生成
echarts
图表并插入到word指定位置,然后点击能下载插入
echarts
旋律代替花束丶
·
2023-11-10 17:40
echarts
vue.js
word
echarts
统计图周月切换_用
echarts
做报表按统计时间数据记录
自己也来整理一下,好记好消化↓↑↓↑↓↑↓↑↓↑↓↑↓↑↓↑↓↑↓↑↓↑↓↑↓↑按日查询:createtime:数据表里面的时间字段t_voipchannelrecord:表名SELECTCOUNT(*),DATE(CreateTime)FROMt_voipchannelrecordWHEREYEAR(CreateTime)='2016'GROUPBYDAY(CreateTime)––按周SELE
weixin_39791386
·
2023-11-10 17:16
echarts
统计图周月切换
好看的数据报表统计图
Apache
ECharts
:一个基于JavaScript的开源可视化图表库ucharts:高性能跨平台图表库,PC、H5、APP、小程序、Vue、TaroChart.js:Chart.js是一个简单、灵活的图表库
IT凝冬
·
2023-11-10 17:36
前端
echarts
柱状图的背景色设置
echarts
柱状图的背景色设置方法,官方推荐的例子中是又添加一组最大值来当背景(不建议),设置backgroundStyle即可(从v4.7.0开始支持):series:{name:'违法违规国家排行
web老张头
·
2023-11-10 15:18
javascript
web前端
javascript
Vue 导出PDF文件(导出pdf模糊,导出图片不全,导出不清晰问题)终极解决方案
Vue导出PDF文件终极解决方案关于Vue导出
Echarts
统计图为pdf格式,网上许多作者给出了解决方案,但是都不能解决一些根本问题,比如导出的文件有灰边,模糊,内容不全等。
IT程序员的日常
·
2023-11-10 15:15
vue
vue.js
vue导出pdf;
vue导出pdf模糊问题;
vue导出pdf灰边问题;
Vue
导出统计图为pdf
技术分享 | 测试平台开发-前端开发之数据展示与分析
测试平台的数据展示与分析,我们主要使用开源工具
ECharts
来进行数据的展示与分析。
软件测试曦曦
·
2023-11-10 15:17
软件测试工程师
软件测试
自动化测试
软件测试
功能测试
职场和发展
自动化
程序人生
Python绘图还在用Matplotlib?out了 !发现一款手绘可视化神器!
今天,给大家介绍一个很酷的Python手绘风格可视化神包:cut
echarts
。
I小码哥
·
2023-11-10 15:29
ECharts
API 学习
echarts
.initconstinitChart=()=>{constchart=
echarts
.init(document.getElementById('traffic-bar'),{width
珊珊而川
·
2023-11-10 13:06
echarts
学习
前端
echarts
地图获取地市省会坐标方法
echarts
地图做地图城市添加点、图形标记或柱形时需要获取对应坐标,话不多说,直接上代码vargeoCoordMap={};/*获取地图数据*/varmapFeatures=
echarts
.getMap
冰眸js
·
2023-11-10 09:01
echarts
javascript
前端
echarts
.min.js从官网的下载步骤
1、
echarts
官网https://
echarts
.apache.org/zh/index.html2、点击下载3、选择版本的Dist,点击进入4、选择
echarts
.min.js,点击进入5、点击raw
qq_34004088
·
2023-11-10 07:35
实现echats地图
当一个项目需要用
echarts
做地图时会觉得相当棘手身为前端cv工程师我在网上找到一个jq版本引入
echarts
地图的版本由于项目不用jq所以我将其转化为vue的版本效果图如下:首先需要在根目录HTML
nz一只肥猫
·
2023-11-10 06:08
echarts
javascript
vue.js
微信小程序+echart实现点亮旅游地图
效果图过程1,首先就是得去下微信小程序适配的
echarts
-for-weixin,这个网上很多,就不贴链接了。
hq091117
·
2023-11-10 05:07
微信小程序
旅游
python中数据可视化_python中数据可视化的逐步指南
DataVisualization)DataVisualizationisthegraphicalrepresentationofData.Itinvolvesproducingefficientvisualelementslik
echarts
weixin_26713457
·
2023-11-10 00:45
可视化
python
数据可视化
数据分析
机器学习
环形进度条渐变色的两种方案
背景实现如下渐变色环形进度条解决办法一提到环形进度条渐变色,相信大家先想到的是el-progress,以及
echarts
。现在我们就这两种方案进行开发。
阿乐今天敲代码没
·
2023-11-09 22:34
笔记
1024程序员节
vue.js
echarts
【
Echarts
公共组件封装(Vue版)】
在src目录下的components文件夹下新建文件
ECharts
.vue,代码如下:import*as
echarts
from"
echarts
";exportdefault{props:{isAxisChart
种草小幺儿.
·
2023-11-09 16:49
Vue
echarts
javascript
vue.js
echarts
图表 地图实例
效果:代码实现:draw(data) { var option = { tooltip: { trigger: 'item', icon: 'query', // triggerOn: 'click', formatter: function
zhang-zan
·
2023-11-09 15:36
echarts
echarts
前端
javascript
Uni-app中
Echarts
的使用(动态渲染数据)
Echarts
官网导包后发现不知道怎样在页面使用,后使用uniapp官网的插件百度
Echarts
。安装后不需要其他操作直接在页面上使用就行。
汪汪队出击
·
2023-11-09 07:24
uni-app
echarts
前端
javascript
前端框架
uni-app解决
echarts
在h5、app中tooltips及部分功能失效问题
目录一、问题二、原因三、解决办法四、效果一、问题
echarts
图可以加载,tooltips提示框不显示,部分功能不生效。二、原因
echarts
引入的时候,会优先判断当前的环境。
luvJie-7c
·
2023-11-09 07:23
uni-app
Java
uni-app
echarts
前端框架
vue
前端
h5
app
uni-app 使用
echarts
图表显示部分或不显示
我遇到的主要是uni-app使用了的插件,官方使用v-show切换页面,导致
echarts
只渲染了部分,将其改成v-if就好了
pikaqiu_komorebi
·
2023-11-09 07:22
uni-app
前端
echarts
图表在uni-app中的使用
由于小程序包的限制,不适合直接引入
echarts
,而是定制下载,按需引入使用方法1.引入npminstall
echarts
mpvue-
echarts
2.到官网在线定制下载所需要的echats.js文件,
垣上人
·
2023-11-09 07:52
echarts
echarts
uni-app
前端
uni-app引入
echarts
-for-wx,formatter 自定义函数不起作用的问题
原因:vue的data里不能放函数,会被序列化解决方法:只能手动setOptions,需要通过获取实例$curChart后。通过this.$refs['uni-ec-canvas'].$curChart.setOption来设置echart配置mounted(){this.$nextTick(function(){console.log(this.$refs['uni-ec-canvas'])co
奋斗的吧小菜鸟
·
2023-11-09 07:21
echarts-for-wx
uni-app
uni-app
Echarts
仪表盘自定义数值样式
需求描述原图样式需求样式解决方案{name:'数值',type:'gauge',startAngle:180,endAngle:0,radius:'30%',center:['50%','55%'],//默认全局居中min:0,max:4,zlevel:2,splitNumber:0,axisLine:{//坐标轴线lineStyle:{color:[[1,]],//属性lineStyle控制线条
libraboy
·
2023-11-09 07:21
Web前端
echarts
前端
javascript
uni-app - 在uniapp中使用
echarts
展示图表
demo地址:https://github.com/iotjin/jh-uniapp-demo习惯使用
echarts
图表,在uniapp中使用npm安装
echarts
再使用,或多或少有问题,最终找到一个好用的插件
西半球
·
2023-11-09 07:50
uni-app
vue
微信小程序
uniapp
uni-app使用
echarts
数据不更新
问题描述uni-app使用
echarts
图表,接口请求数据更新后,图表不刷新。解决方案更新option前先调用clear()clear():清空当前实例,会移除实例中所有的组件和图表。
libraboy
·
2023-11-09 07:16
Web前端
uni-app
echarts
前端
Python - 对年龄统计图表进行美化 - py
echarts
之前用过其他的方法来对年龄进行统计,但感觉不是很好看,通过查找资料,找到了py
echarts
模块,感觉py
echarts
还是挺容易上手调用的,而且图表的效果也挺不错的,下面就直接看例子,领悟怎么轻松上手
沐 修
·
2023-11-09 04:59
数据分析
python
数据分析
数据挖掘
学习
经验分享
py
echarts
形形色色的图表
前提:有个朋友A想统计分析多张Excel文档中的数据,A对Excel操作不熟悉,导致耗费时间过多。由此想要用python帮忙处理。刚好另外一个朋友B想学python给B提出基层设想:1、存在Excel文档,文档中存有数据为用户的生日及性别2、通过python读取文档数据,通过生日转换获取对应用户的年龄,并进行年龄段统计3、年龄段分别为:0-20岁、21-40岁、41-60岁、61-80岁、81-1
米谷
·
2023-11-09 04:26
python
Echarts
柱状图宽度/边框设置问题
文章目录效果展示需求实现效果展示需求柱条加边框设置柱条最大最小宽度实现borderWidthborderWidth:设置边框宽度borderColor:设置边框颜色在itemStyle中设置barMaxWidthbarWidth:设置柱条宽度,可以设置number(20表示20px),也可以设置百分比,表示占这个类目的宽度比例barMaxWidth:最大柱条宽度barMinWidth:最小柱条宽度
蒲公英想养花
·
2023-11-09 00:44
echarts
vue.js
前端
Echarts
柱状图柱子点击事件
文章目录效果展示需求实现效果展示需求点击柱子显示当天的详细数据实现这里只需要拿到被点击柱子对应的X轴时间坐标,可以直接监听click事件在DOM加载完为chart注册点击事件拿到被点击的柱子的X轴坐标name抛回父组件方法一:直接监听click事件实现这个效果click可以拿到柱条color:“#1DADF1”第几个componentIndex:0类型seriesType/componentSub
蒲公英想养花
·
2023-11-09 00:44
echarts
javascript
前端
echarts
地图,和地图点击事件
import
echarts
from'
echarts
'import'
echarts
/map/js/china.js'import{getStatisList}from"@/api/system/government
小鱼爱小于
·
2023-11-08 22:37
前端
echarts
前端
javascript
vue使用
Echarts
5实现词云图
先上官网词云图有些特殊,它属于
Echarts
的扩展,需要额外安装
Echarts
-wordcloud包。
骆骆爱学习
·
2023-11-08 18:12
vue.js
前端
javascript
vue下使用
Echarts
5绘制基础图表
项目使用Vue3加
Echarts
5绘制的基本图表,图表自适应浏览器窗口大小先上图,大屏小屏都可完美展示,纯属练手一先上图1.任意缩放窗口的大小2.平板3.电脑4.饼图5.折线图二后上代码import{defineComponent
骆骆爱学习
·
2023-11-08 18:31
vue.js
javascript
ecmascript
取消饼图悬浮变大_
echarts
饼图鼠标悬浮变大
将以下三处注释变量置为false即可实现(亲测有效)tooltip:{show:false,//关闭鼠标移上去后显示浮框信息trigger:'item',confine:true},legend:{selectedMode:false,//取消标题点击后事件-这里显示和隐藏指定项orient:'vertical',left:10,data:[]},graphic:[{type:'text',lef
Kimser
·
2023-11-08 14:58
echarts
datazoom 显示的位置设置
设置grid属性里的bottomvareleCurves=document.getElementById('eleCourtsBeforeCurves');vareleCurvesChart=
echarts
.init
古月_
·
2023-11-08 13:47
JavaScript
制作一个简单HTML校园网页(HTML+CSS)学校网站制作 校园网站设计与实现
一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业:【毕设项目精品实战案例(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】超炫酷的
Echarts
IT芷君
·
2023-11-08 13:14
html网页设计
html
css
dreamweaver
html网页设计与制作
javascript
js/vue 生成
echarts
图片并打包zip下载
**js/vue生成
echarts
图片并打包zip下载**选择已存在多张
echarts
图打包到zip并下载获取
echarts
图表base64编码并弹窗显示,可以多选。
@小生
·
2023-11-08 07:02
echarts
没有数据时也显示y轴刻度
一般如果没有数据,
echarts
的y轴刻度会隐藏,如果想让y轴刻度显示,需要设置yAxis的min、max属性:但是max数据不能写死,如果写死的话,万一实际数据量过大的话,会溢出
echarts
,所以做个判断
wx-18538561085
·
2023-11-08 06:31
echarts
javascript
ecmascript
springboot + vue + websocket +
ECharts
springboot+vue+websocket+
ECharts
初衷缘由后端Springboot实现前端VUE的实现Echart动态拿数据时不显示原因(加载顺序问题)结语初衷因为刚接触VUE的前端开发,
解咚咚
·
2023-11-08 06:23
SpringBoot
vue
websocket
VUE
Springboot
ECharts
前端几种可视化大屏组件库图表插件介绍
经理给我分配了可视化大屏数据项目,我看了好多组件库和去百度搜索,最后总结出几种比较好用的组件库来介绍一下,国外版本的我就直接抛弃了(英语1级)1.
Echarts
官方网址他是百度团队开源的,反正是老牌图表插件工具了
web大白
·
2023-11-08 02:17
前端
echarts
vue.js
Echart社区
https://www.makeapie.cn/
echarts
makeapie
echarts
图表可视化案例,分享你的可视化作品https://www.makeapie.cn/
echarts
肉清
·
2023-11-07 23:33
前端
常用echart图总结
柱状图-category-work,grid直角坐标,legend,series-bar柱状图,tooltip提示框-makeapie
echarts
社区图表可视化案例
肉清
·
2023-11-07 23:33
javascript
开发语言
ecmascript
vue-
echarts
饼图/柱状图点击事件
在实际的项目开发中,我们通常会用到
Echarts
来对数据进行展示,有时候需要用到
Echarts
的点击事件,增加系统的交互性,一般是点击
Echarts
图像的具体项来跳转路由并携带参数,当然也可以根据具体需求来做其他的业务逻辑
要成为大V的小v
·
2023-11-07 20:41
echarts
前端
javascript
vue
echarts
饼图/柱状图添加点击事件
import{mapActions,mapGetters}from'vuex'import
echarts
from"
echarts
";importresizefrom"../..
魏天
·
2023-11-07 20:10
echarts
vue.js
javascript
Vue中引入
echarts
的步骤,折线图、柱状图、饼图的常用配置项
vue中引入
echarts
一、安装
echarts
二、引入
echarts
1.全局引入2.局部引入三、vue中使用
echarts
1.准备好函数2.准备一个容器来放
echarts
3.初始化容器4.调节配置项5
DantinZhang
·
2023-11-07 20:40
echarts
echarts
vue.js
javascript
前端
vue3使用
Echarts
柱状图,封装组件,动态渐变柱状颜色
第一步:安装
echarts
npmi
echarts
第二步:在main.js引入
echarts
import*as
echarts
from'
echarts
'app.config.globalProperties
捉一只小菜
·
2023-11-07 20:38
echarts
前端
javascript
vue.js
echarts
vue2 柱状图定时联动饼图
需求:1.需前端做个鼠标悬浮自动切换的效果。每10秒钟自动切换一个柱子。2.鼠标悬浮到哪个柱子,则饼图配合显示该柱子对应的饼图。效果:展示效果备注:该图是给饼图另加了名称展示,数据是调过接口的真实数据,所以与上图不一致option配置:option:{title:{show:false,text:'日常巡查异常记录',},legend:[{right:'center',top:'top',data
Naive_Jam
·
2023-11-07 20:08
echarts
echarts
前端
vue.js
vue使用
echarts
饼图和柱状图
$
echarts
.init(this.
只吃一口e
·
2023-11-07 20:38
echarts
vue.js
javascript
在VUE项目中使用
Echarts
简单实现折线图、柱状图、饼图
目录1、首先下载
echarts
包2、在main.js中全局引入
echarts
包,挂载到vue实例上3、在vue单页面上使用
echarts
3.1实现折线图和柱状图在vive层3.2实现饼图3.3实现折线图
普通小程序员
·
2023-11-07 20:37
Vue
页面开发
vue.js
echarts
基于vue 封装
echarts
全局组件,柱状图,饼图,折线图
1.使用npm安装
echarts
npminstall
echarts
--save2.main.js文件下添加import
echarts
from'
echarts
'Vue.prototype.
CSN_Tom
·
2023-11-07 20:03
echarts
vue.js
javascript
上一页
35
36
37
38
39
40
41
42
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他