ECHart

Vue2+Echarts+koa2+websocket电商平台数据可视化实时检测系统后端项目搭建（二）

1.KOA2——基于Node.js平台的Web服务器框架由Express原班人马打造ExpressKoa,Koa2都是Web服务器的框架,他们之间的差别和关系可以通过下面这个表格表示出框架名作用异步处理Expressweb框架回调函数Koaweb框架Generator+yieldKoa2web框架async/await环境依赖Nodev7.6.0及以上由于Koa2它是支持async和await，所
三月的一天·2024-02-14 06:19

Vue2+Echarts+koa2+websocket电商平台数据可视化实时检测系统（一）

项目最终的效果如图所示，最终效果涉及到6个图表,5种图表类型,它们分别是折线图,柱状图,地图,散点图,饼图.。每个图表的数据都是从后端推送到前端来的,不过在项目的初期,我们会先使用ajax由前端主动获取数据,后续会使用WebSocket进行改造。整个项目的架构是基于Vue的,所以我们需要创建Vue项目,然后在Vue项目中开发各个图表组件。1.前端项目的准备1.1.vue-c1i脚手架创建项目1.1
三月的一天·2024-02-14 06:18

图表自动化开篇

目录前言：使用Canvas或者SVG渲染选择哪种渲染器代码触发ECharts中组件的行为前言：图表自动化一直以来是自动化测试中的痛点，也是难点，痛点在于目前越来越多公司开始构建自己的BI报表平台但是没有合适的自动化测试工具去做测试支持
知识的宝藏·2024-02-14 06:59

vue3封装echarts组件

第一步：新建一个通用组件，在components目录下新建echarts文件夹，然后新建echart.vue第二步：在页面中使用封装好的echarts组件
weixin_43962020·2024-02-13 19:28

基于vue封装一个echarts通用组件

随着项目越来越多的交互和展示，图表类的看板也在项目中应用的越来越多，echarts作为一款优秀并开源的产品，在项目中也大规模的应用，尤其是边缘计算和大数据可视化的项目中，随处都能见它的身影，以前做了很多的可视化项目
kirinlau·2024-02-13 19:58

vue3 封装一个通用echarts组件

实现这个组件需要引入echarts和vue-echarts插件，使用vue-echarts是因为它帮我们封装了一些很常用的功能，比如监听页面resize后重新渲染功能，本次组件只使用到了autoresize
weixin_43160044·2024-02-13 19:28

Echarts柱状图点击事件（阻止冒泡）

{name:"Bar",data(){return{};},mounted(){this.drawBar();},methods:{drawBar:function(){//基于准备好的dom，初始化echarts
nomooo·2024-02-13 17:49

echarts-for-weixin只显示折线图，其他不显示解决办法

小程序使用echarts-for-weixin展示图表，结果只展示折线图，其他的统统不显示，百度大法一下午终于知道可能是echarts包内只有折线图。下载好替换搞定！
John的WEB前端学习日记·2024-02-13 11:45

大学生英语竞赛模板

一.表格(一）开头Thechartgivesusanoverallpictureof...inthelast...years.Accordingtothestatisticsofferedby...
娄萧文_2022公益强化班·2024-02-13 09:29

Python||数据分析之pyecharts 绘图（词云、气泡）

1.echarts和Pyecharts简介1.1echarts简介:•echarts是一个使用JavaScript实现的开源可视化库，涵盖各行业图表，满足各种需求。
小嘤嘤怪学·2024-02-13 08:26

【从Jest入门到 TDD,BDD双实战】整体学习介绍①

一：前端要学的测试Jest入门TDD实战BDD实战二：前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三：前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试
不停喝水·2024-02-13 05:29

Echarts 3D柱形图和3D堆叠柱形图实现

【Echarts】3D双柱形图、堆叠柱形图实现实现目标展示1、双柱图实现步骤内容分析代码实现2、堆叠图实现步骤内容分析代码实现实现目标展示1、双柱图实现步骤内容分析此处采用的双柱样式，来源于链接:点击此处跳转
小言不爱说·2024-02-13 04:02

Echarts环形图阴影，多图联动，图示数据循环展示

Echarts环形图阴影，多图联动，图示数据循环展示成果展示环形图阴影多图联动图示数据循环展示成果展示环形图阴影实现环形图阴影，首先说明，这样的环形图是依靠两个圆的拼接而形成的，其中，两个圆的数据相同，
小言不爱说·2024-02-13 04:02

Echarts环形图使用和设置（内外大小、颜色、指示线、圆圈中心字展示）

Echarts环形图使用1、官网找图Echarts官网链接2、使用首先要进行下载，打开cmd，输入npminstallecharts--save如果显示报错，那么使用管理员身份运行cmd。
小言不爱说·2024-02-13 04:32

echart图表，数据太少，不太好点

比如柱状图，数据太少，用户不好点击myChart.getZr().off('click');myChart.getZr().on('click',function(param){varpointInPixel=[param.offsetX,param.offsetY];if(myChart.containPixel('grid',pointInPixel)){//当柱状图为纵向varxIndex=
歌声缓缓·2024-02-12 23:31

重温阿里云宝塔面板部署前后端项目

回到老家，便打算趁这一段空闲时间提升一下自己，重点是学习实践一下echarts相关内容，很多公司项目都需要实现可视化，所以在bilibili上找了黑马的一个教程开始学习，不同的是，他用的是vue2，我用的是
fc&&fl·2024-02-12 18:42

小问题分享：request to httpsregistry.npm.taobao.orgecharts failed, reason certificate has expired

小问题分享：requesttohttps://registry.npm.taobao.org/echartsfailed,reason:certificatehasexpirednpmERR!
one piece（｡ò ∀ ó｡）·2024-02-12 17:28

Echats的使用教程（Vue）

Echats的使用教程（Vue）1.安装echatsnpminstallecharts可能会遇到axios版本不匹配，可以拷贝其他可用项目的axios放入node_modules中2.在main.js中引入
one piece（｡ò ∀ ó｡）·2024-02-12 17:28

echarts legend单项数据添加背景色|背景图

把legend图例设置背景色或者背景图把legend设置成Arr,在每个legend对象里面背景颜色设置图片或者颜色值，backgroudColor:{image:(background.png)}。设置完成后，legend会重叠在一起，使用top设置距离顶部的高度，把重叠的legend分开显示。关于文字的显示，使用自定义富文本样式textStyle.rich，通过padding设置文本左右显示，
前端小咸鱼一条·2024-02-12 09:31

echart离线地图下载地址

链接:离线地图地址https://datav.aliyun.com/portal/school/atlas/area_selector
前端小咸鱼一条·2024-02-12 09:31

echarts让设置legend宽度不生效

orient=“horizontal”的时候，只有width会起作用，height为auto；orient=“vertical”的时候只有height会起作用，width为auto。可以再textStyle里面设置宽度，宽度就会生效。一般设置30到50之间就可以。legend:{orient:'horizontal',bottom:'bottom',left:'center',padding:[0
前端小咸鱼一条·2024-02-12 09:31

饼图外显示百分比，labelLine控制与环的距离

示例：image.pngfunctionlossTenants(){varmyDailyEn=echarts.init(document.getElementById('lossTenants'));option
咏竹莉·2024-02-12 06:20

Python笔记——绘制雷达图

代码#雷达图frompyechartsimportoptionsasoptsfrompyecharts.chartsimportPage,Radar#两组数据的对比v1=[[4300,10000,28000,35000,50000,19000
没昔·2024-02-12 01:44

【python可视化大屏】使用python实现可拖拽数据可视化大屏

为了解决这个问题我使用pyecharts实现了一个可视化的大屏。接下来为大家分享一下视频分享：【python可视化大屏】使用python实现可拖拽数据可视化大屏可视化大屏
陶陶name·2024-02-12 00:16

echarts图表导出为pdf

importhtml2canvasfrom'html2canvas'importJsPDFfrom'jspdf'//id->放echarts图表的节点id//fileName->想要生成的文件名functionexportData
weixin_43160044·2024-02-11 20:11

推荐一个好用的插件，vue-echarts

1.介绍这个插件好处就是可以帮我们在使用echarts的时候节省掉一些事情，比如浏览器窗口大小发生变化时需要根据resize事件重新渲染图表，数据发生变化时重新渲染图表等，这个插件都帮我们做好了这块2.
weixin_43160044·2024-02-11 20:11

vue 3 中使用 echarts

echarts功能很强大，但是要在vue3项目中使用，配置却有点麻烦，记录一下在vue3中使用，以后可以直接复制代码！
·2024-02-11 18:35

echarts的title标题属性

echarts的title标题属性title标题组件，包含主标题和副标题。
kfepiza·2024-02-11 16:51

【echarts】入门示例

1、引入echarts.js文件2、准备一个呈现图表的盒子3、初始化echarts实例对象4、准备配置项5、将配置项设置给echarts实例对象ECharts//基于准备好的dom，初始化echarts
倒霉娃不要倒霉·2024-02-11 15:34

范文：购物方式的改变

Thechartaboveshowsthechangeofwaysofshoppingfrom2000to2010.Ascanbeseenfromtheabovechart,from2000to2010
学府考研·2024-02-11 13:01

解决ngx-echarts中点击区域过小的问题

最近使用ngx-echarts在angular项目中实现柱状图，由于新增了柱状图的下钻功能，所以需要使用ngx-echart提供的click方法进行下钻，但是在实际开发中，由于柱状图的数值相差很大，所以有的柱状数据非常小
mm_tang·2024-02-11 11:48

vue组件通信

ECharts前端教程组件通信自定义事件emit/emit/emit/on内容分发编译作用域组件通信在Vue组件通信中其中最常见的通信方式就是父子组件之中的通信，而父子组件的设定方式在不同情况下又各不相同
Mr Robot·2024-02-11 07:28

【Bug解决】themleaf 相对路径引用 js 静态文件失效

/scripts/目录下的js文件无法成功加载，导致echarts绘制的词云图未显示。
wzz2333·2024-02-10 19:15

echarts 一条折线图上显示不同颜色

文档树懒学堂：EChartsvisualMap代码实例及对应注释-树懒学堂封装的echarts组件代码：import*asechartsfrom'echarts';exportdefault{props
wwf1225·2024-02-10 16:29

echarts 中tooltip的formatter使用(例如折线图中的，鼠标悬停在某点，会再提示框显示坐标轴对应的数据)

1.当把x轴，y轴数据都设置好以后，x轴的数组是data系列（series）2.把value结构，重新拼了下3.在tooltip中添加formatter方法（我理解的意思，formatter是一个回调函数，series中的data，通过回调，根据数据的拼接结构，把的相关数据拿出来就行）params[x].data.name,也就是series.data.name(相当于把series中的data:
方_圆·2024-02-10 13:04

计算机毕业设计Python+Spark+LSTM微博大屏情感分析 微博大数据分析 微博情感分析 微博爬虫可视化 微博数据分析 微博采集分析平台

开发技术前端：vue.jsechartswebsocket后端API：springboot+spark+mybatis爬虫/算法：python、lstm情感分析(python实现)数据库：mysql创新点
计算机毕业设计大神·2024-02-10 12:42

Echart柱形图条纹设置

代码内容:option={xAxis:{type:'category',data:['Mon','Tue','Wed','Thu','Fri','Sat','Sun']},yAxis:{type:'value'},series:[{data:[120,200,150,80,70,110,130],type:'bar'},{data:[20,40,90,40,30,70,120],type:'bar
杀猪刀-墨林·2024-02-10 06:18

vue 3.0项目中echart生成base64生成pdf

将某个echart转换为base，将base64上传七牛返回网络地址//下载constdownLoadEchart=(id,index)=>{letechart=echarts.getInstanceByDom
Joan_King_·2024-02-09 22:22

计算机毕业设计之springboot物业管理系统

开发技术springbootmybatislayuiecharts创新点多角色登录(RBAC+shiro实现)可视化echarts功能带业务逻辑代码运行截图计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计对源代码感兴趣的可以看我主页的简介跟我取得联系哦
计算机毕业设计大神·2024-02-09 22:37

ECharts实现异步数据加载和更新

ECharts中实现异步数据的更新的操作不难，在初始化图表后的任何时间通过使用jQuery等工具异步获取数据后通过setOption填入数据和配置项即可，操作如下：varmyChart=echarts.init
极课编程·2024-02-09 20:41

python echarts_python+echarts可视化—pyecharts

pyecharts是一个用于生成Echarts图表的python库。
weixin_39611769·2024-02-09 18:34

关于pyecharts的官方网站/官网的使用方法

pyecharts官网地址："https://pyecharts.org/#/zh-cn/intro"说明：一般文档中没有说明关于pyecharts官网的有效使用方法，针对这种情况，下面做一个简要的个人使用这个网站的方法
三块一毛四·2024-02-09 18:34

PyEcharts应用教程及实例

ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
陈.py·2024-02-09 18:04

pyecharts 制图

pyecharts制图制图前所做准备导入各类图的类柱状图、折线图、饼图、地图、词云frompyecharts.chartsimportBar,Line,Pie,Map,Grid，WordCloud导入图表配置类
王薇蕴·2024-02-09 18:04

Python数据可视化——Pyecharts库的示例

目录前言一、安装Pyecharts二、代码示例1.导入Pyecharts2.导入表格3.数据处理4.生成柱状图5.图表展示6.完整代码三、可视化图形示例1.箱型图2.世界地图3.中国地图4.某省级地图5
db_lrj_2015·2024-02-09 18:04

【echarts实用技巧】echarts图表常用功能总结，折线图柱状图折柱混合【持续更新中】

主要用折线图和柱状图举例1，X轴刻度信息日期自动排开：我们获取一个日期的开始时间和结束时间，放上去会自动生成中间每一天的日期放在X轴上把这两个函数放methods内。getAll(begin,end){letarr1=begin.split("-");//这里可以换成/就2020/01/1这种letarr2=end.split("-");letarr1_=newDate();letarrTime=
接口写好了吗·2024-02-09 11:39

echarts数据怎么赋值 vue_在vue中添加Echarts图表的基本使用教程

前言我们在项目中经常需要使用一些折线图、柱状图、饼状图等等，之前使用过heightCharts，后来觉得这货不开源，只是做展示的话又点浪费时间，于是看了下eCharts，于是在vue-cli搭建的项目中添加了
对不起对不起·2024-02-09 11:39

echarts(3)——饼图

案例注释代码源码地址：https://www.makeapie.com/editor.html?c=x1zOZDoSxqoption={backgroundColor:'#273454',color:['#FF9966','#FFFFCC','#0099CC','#99CC33','#99CCCC'],tooltip:{trigger:'item',formatter:'{b}:{c}个(占比{d
qq_46285250·2024-02-09 11:08

echarts实用代码模板

一、键盘事件控制tooltip移动letcurrentIndex=-1;constdataLen=option.series[0].data.length;consthandleKeydown=(e)=>{if(e.key!="ArrowRight"&&e.key!="ArrowLeft"){return;}console.log('handleKeydown:'+currentIndex);my
mbshqqb·2024-02-09 11:36

Vue 项目中使用 echarts

第一种方法，直接引入echarts安装echarts项目依赖npminstallecharts--save//或者npminstallecharts-S全局引入我们安装完成之后，可以在main.js中全局引入
蜗牛和曼巴·2024-02-09 09:50
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他