_Echarts

Echarts legend互斥点击事件

按照分类显示省+散点-category-work,geo地理坐标,legend,series-map地图,series-scatter散点图,tooltip提示框,visualMap视觉映射-makeapieecharts
MartinYangHJ·2023-12-15 17:56

echarts仪表效果

option={series:[{type:'gauge',radius:'90%',center:['50%','57%'],splitNumber:5,//仪表盘刻度的分割段数itemStyle:{color:'#6EBEFF',//颜色},progress:{show:true,roundCap:true,//是否在两端显示成圆形width:3//表盘原型环阴影宽度},axisLine:{r
奚大野...·2023-12-15 17:54

Echarts多图表动态更新示例

前端框架(html、echarts、jquery)echarts多图表动态更新示例//基于准备好的dom，初始化echarts实例varpieChart=echarts.init(document.getElementById
云淡风轻58·2023-12-15 17:53

echarts动态生成不同条数的折线图

功能需求背景：1、后台可自定义折线图的折线名称、数据、数量（几条）2、满足不同折线图之间随意切换3、折线图可鼠标拖动缩放和滚动条收缩查看4、同一页面涉及多个echarts一、功能涉及echarts相关文档知识点
詹姆斯bind·2023-12-15 14:20

echarts带指针的仪表盘进度条

效果图：实现代码：vardata=[{value:85}];varnum=data[0].value/100varoption={backgroundColor:'#fff',series:[{type:'gauge',splitNumber:1,axisTick:{show:false},axisLabel:{show:false,},axisLine:{lineStyle:{color:[[n
黑色的糖果·2023-12-15 14:02

echarts叠加3D立体柱状图

效果图：实现代码：varxData=["项目1","项目2","项目3","项目4","项目5","项目6"];//计划数据数组varplanData=[320,302,301,334,390,0];//完成数据数组varcompleteData=[320,132,101,0,90,0];varcolor=[{type:"linear",x:0,x2:1,y:0,y2:0,colorStops:[
黑色的糖果·2023-12-15 14:02

echarts地图双击区域展示下级市区县地图

效果图：1.默认展示全国地图2.双击江苏区域，展示江苏省地图3.双击南京市区域，展示南京市地图操作效果：showMap.wmv注：左上角点击返回上一级，可依次返回至上一级地图。实现代码：//地图varmapStack=[];//存储双击时当前地图，用于返回上一级varcurMap={};//当前地图信息varmapData={};//存储当前地图各个区域的名称、code编码等，便于双击时获取该区域
黑色的糖果·2023-12-15 14:31

echarts饼图中插入图片

效果图：实现代码：functiongetPieOption(data){varimageArr=['./img/officeSupplies_04.gif','./img/officeSupplies_06.gif'];if(!data[0])imageArr[0]='';if(!data[1])imageArr[1]='';varseriesData=[{value:data[0],name:'
黑色的糖果·2023-12-15 14:31

echarts仪表盘式进度条

效果图：实例代码：functiongetHalfPro(value,color){return{title:{text:'完成率',left:'center',bottom:'20%',textStyle:{fontSize:'200%',fontWeight:'bold',}},grid:{top:'1%',left:'1%',right:'1%',bottom:'1%',containLabe
黑色的糖果·2023-12-15 14:31

react+datav+echarts实现可视化数据大屏

效果如下1下载必要的框架react路由npminstallreact-router-dom --savedatav框架npminstall@jiaminghi/data-view-react--saveechartsnpminstallecharts
香蕉麻花皮·2023-12-15 13:29

初始化渲染ECharts表格，layui 实现二级下拉动态赋值并实现提交渲染

html村/社区请选择村/社区网格：请选择网格统计初始化渲染ECharts表格functiongridpeople(village){$.ajax($url+'/jxkh/S0008F0006_3',{
吕保鑫·2023-12-15 12:04

echarts 柱形图 点击事件（点击柱子触发事件，点击横坐标不触发事件）

根据需求方要求，点击柱形图的柱子要调接口拿到和柱子相关的数据表格，一开始想着直接给柱子设置点击事件，后来发现点击横坐标也触发了事件，记录一下此次小坑：代码如下：//通过params.componentType的值来判断点击的事是柱子还是横坐标barchart.on('click',function(params){console.log(params,params.componentType);i
未来记忆.·2023-12-15 11:46

echarts怎么设置双纵坐标并且可以缩放，自适应浏览器

在同意坐标系中画两张纵坐标不同的柱形图，需求如下图：根据需求设置两种不同颜色，纵坐标值不同且在统一坐标系下的柱形图代码如下：html代码：js主要代码片段：主要是在yAxis设置成数组对象形式在其每个对象里填写我们所需要的样式，在series中设置柱形图的名称，位置，数据。yAxis:[{type:'value',name:'已关注',position:'left',nameTextStyle:{
未来记忆.·2023-12-15 11:15

echarts图点击按钮放大或者缩小

点击加号放大echarts图，点击减号缩小echarts图。
未来记忆.·2023-12-15 11:45

echarts 词云图使用 + vue

介绍根据自己定义Echarts词云图背景图，词云图可方便的对词组进行可视化的显示。
尚梦·2023-12-15 08:08

elementUI+echarts 雷达图动态渲染数据

importechartsfrom'echarts'import{debounce}from'@/utils'exportdefault{name:"Dashboard",data(){return{editableTabsValue
混搭数理化·2023-12-15 07:54

100天精通Python（可视化篇）——第110天：Pyecharts绘制可视化大屏项目（附上完整源码）

文章目录专栏导读1.数据准备2.绘制地图3.绘制折线图4.绘制柱状图5.绘制饼图6.创建网格组合所有图标7.创建时间轴8.完整代码书籍推荐专栏导读本文已收录于《100天精通Python从入门到就业》：本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教学，从0到100的不断进阶深入，后续还有实战项目，轻松应对面试，专栏订阅地址：https://blog.csdn.net/yua
袁袁袁袁满·2023-12-15 06:18

Django、Echarts异步请求、动态更新

前端页面echarts示例varmyChart=echarts.init(document.getElementById('main'));//初始化图表选项myChart.setOption({title
云淡风轻58·2023-12-15 06:27

Django和ECharts异步请求示例

后端urlhttp://127.0.0.1:8000/echarts/demo/view视图函数fromdjango.httpimportHttpResponseimportjsondefEchartsDemo
云淡风轻58·2023-12-15 06:26

使用React 18、Echarts和MUI实现温度计

关键词React18Echarts和MUI前言在本文中，我们将结合使用React18、Echarts和MUI（Material-UI）库，展示如何实现一个交互性的温度计。
Evan不懂前端·2023-12-15 03:04

Echarts基础

Echarts基础1.echarts案例1-最简配置echarts案例1//初始化echarts，指定图显示在哪个容器上varmyChart=echarts.init(document.getElementById
叶子上的考拉·2023-12-15 02:45

Echarts柱形图堆叠

应用场景：一些柱形图在数据量比较多的时候，横向排列受到挤压，导致柱形图，变的非常细，影响整体的效果。所以应该将柱形图堆叠起来，这样就会好很多。先上效果图：关键字：series-stack//数据堆叠，同个类目轴上系列配置相同的stack值后，后一个系列的值会在前一个系列的值上相加。varoption={series:[{name:"钢铁侠",type:"bar",//柱状图stack:"Searc
Sunshine_Jian·2023-12-15 00:18

微信小程序开发之wepy 引入echarts统计图方法 亲测可用

切图网在做wepy小程序开发的时候，也会遇到一些状况，以此来记录，微信小程序开发的图表用到的是echarts-for-weixin，是针对微信开发的专用echarts组件，也是目前小程序下图表的一种主流的组合
专注做前端·2023-12-14 23:55

echarts环形图内部圆，外部圆形以及阴影设置

$echarts.init(chartDom);letoption;option={//设置占比图颜色color:['#FFA500','#66CDAA','#1E90FF','#E8E8E8'],to
西洛.sco·2023-12-14 23:09

《图解Echarts in Vue》Line实例- 折线图堆叠

$echarts.init(dom);constoption={title:{text:"折线图堆叠",},tooltip:{trigger:"axis",},legend:{data:["邮件营销",
张中华·2023-12-14 20:01

python项目设计：基于python的成村淘宝店商品销售数据可视化分析

、功能介绍四、核心代码五、效果图六、文章目录前言本研究在数据可视化的背景之下，通过对成村淘宝店中所有商品销售数据进行爬取，并将销售数据信息以文件形式存储于本地文件中，之后使用Python编程语言和Pyecharts
qq_1406299528·2023-12-14 19:44

echarts如何动态给legend里的formatter传值

需求开发一个饼状图，要求：点击右侧的模块，左侧饼状图对应的变化效果如下：遇到的问题：在实际项目开发过程中，碰到了一个棘手的问题，那就是，右侧显示的legend模块后面的数字显示不是很好做，因为在echarts
Tencent IT·2023-12-14 17:47

微信小程序动态加载图表[echart]

1.引入Echarts（1）将ec-canvas文件拷贝下来放到你自己的项目中：（2）在你需要使用Echarts的页面的json文件中引入Echarts"usingComponents":{"ec-canvas
安格会魔法·2023-12-14 16:19

【淘宝网消费类电子产品销售数据可视化】

本文基于Flask和Echarts技术，通过爬取淘宝消费类电子产品销
爱欲无极·2023-12-14 13:02

【当当网图书数据分析与挖掘】

Echarts：用于可视化数据分析结果。数据分析维度在数据的分析部分，主要分为四个维度，分别是类型、出版社、作者、出版时间，分
爱欲无极·2023-12-14 13:31

数据可视化|jupyter notebook运行pyecharts，无法正常显示“可视化图形”，怎么解决？

相信有些同学在本地使用jupyternotebook运行pyecharts的时候，在代码没有任何异常的情况下，无论是html还是notebook区域，都无法显示“可视化图形”，界面区域只有空白一片。
写python的鑫哥·2023-12-14 13:38

【基于Flask、MySQL和Echarts的热门游戏数据可视化平台设计与实现】

基于Flask、MySQL和Echarts的热门游戏数据可视化平台设计与实现前言数据获取与清洗数据集数据获取数据清洗数据分析与可视化数据分析功能可视化功能创新点结语前言随着游戏产业的蓬勃发展，了解游戏销售数据对于游戏从业者和游戏爱好者都至关重要
爱欲无极·2023-12-14 13:33

axios+echarts

axios+echarts1.axios+echarts案例1axios+echarts1axios.get(".
叶子上的考拉·2023-12-14 12:03

echarts中option个参数的含义

varoption={title:{text:'ECharts入门示例'},tooltip:{},legend:{data:['数量']},xAxis:{data:['衬衫','羊毛衫','雪纺衫','
CV猿码人·2023-12-07 00:23

Echarts环形效果 多环形

$echarts.init(this.
轩辕夜空·2023-12-06 23:31

9.4.2 Python 数据可视化——顺序多图

pyecharts.charts的Page类表示顺序显示的组合图表，它可以在同一网页中按顺序渲染多个图表。
BinaryStarXin·2023-12-06 23:21

Java毕业设计—vue+SpringBoot人事管理OA系统前后端分离

1，项目介绍本系统主要分四个模块，分别是系统管理和权限管理、薪资管理、考勤管理2，技术框架前端Vue、Axios、ElementUI、Vue-Router、Vuex、ECharts后端SpringBoot
说书客啊·2023-12-06 14:38

SpringBoot+Vue项目实战-前后端分离博客项目

前后端分离博客系统1.课程介绍纯后端讲解完整的前台后台代码编写主流技术栈（SpringBoot,MybatisPlus,SpringSecurity,EasyExcel,Swagger2,Redis,Echarts
Ray Wang·2023-12-06 11:14

定时刷新echart，让echart重新渲染

echarts图表显示代码functioninitChart2(){varoption;//定时刷新需要letnewPromise=newPromise((resolve)=>{resolve()})/
Abenazhan·2023-12-06 10:04

vue中使用v-charts代替echarts（附环形图的属性配置）

最近项目需要用到图标，发现了一个很方便的库v-chartsv-charts官网地址https://v-charts.js.org/#/start安装npmiv-chartsecharts-S引入全部引入
一包·2023-12-06 09:28

unaipp引入echarts图表，小程序端能正常显示打包

因为小程序有主包分包大小限制，并且uni_modules中的包也会算在主包体积中，而我项目中的图表是在分包中使用的，所以我移动uni_modules中的l-echart图表组件到分包目录组件文件夹中2.精简echarts.min.js
永远不会太晚·2023-12-06 08:55

vue echarts 动态添加 series 数据

何为动态添加series数据？由于series中的个数是动态的，通过接口返回的，我们需要对series做动态处理。处理动态series的数据：letresult=[{"name":"大修","data":[0]},{"name":"二保","data":[101]},{"name":"事故","data":[0]},{"name":"外修","data":[0]},{"name":"小修","da
qq_36437172·2023-12-06 06:51

vue运用之echart柱状图3D效果案例代码

前言在ECharts中，创建3D柱状图需要使用GL模块，并设置type为’bar3D’柱状图案例可参考，我的这篇文章Echarts之柱状图3D柱状图的示例代码//引入ECharts主模块varecharts
雪梅零落·2023-12-06 02:01

echarts全国各市地图坐标

echarts全国各市地图坐标varjsons={北京市:[116.46,39.92],北京:[116.46,39.92],平谷区:[117.1,40.13],密云区:[116.85,40.37],顺义区
白snow·2023-12-05 19:03

webstorm下vue对element-ui+echart的引入使用

首先先通过npm下载安装element、echarts相关组件，这里不再做多叙述Vue引入element-ui在main.js中导入，再使用vue.use()语句调用，之后即可在组件中使用，需注意element
夜半歌声丶·2023-12-05 19:53

ECharts添加点击事件

myChart.on('click',function(params){alert(params.value+params.name)});
一个记事本·2023-12-05 18:54

Angular2+ 集成ngx-echarts

注：github：https://github.com/xieziyu/ngx-echarts官方网站：https://xieziyu.github.io/ngx-echarts/#/homeecharts
boskt·2023-12-05 18:08

如何在vue3中封装并使用echarts组件

一.安装echartsnpminstallecharts--save二.按需加载创建一个echarts文件夹，并创建配置文件//引入echartsimport*asechartsfrom'echarts
正方形的圆灬·2023-12-05 17:21

房源数据可视化分析

image.png这里涉及的模块包有：pandas，matplotlib，pyecharts1.不同区域房屋总量分布1)看一下表格内容数据#pandas读取表格df=pd.read_excel(r"C:
水映枫像·2023-12-05 16:49

Python pyecharts实时画图自定义可视化经纬度热力图

目录背景基于pyecharts内置经纬度的热力图基于自定义经纬度的热力图pyecharts库缺点不同地图坐标系区别WGS-84-世界大地测量系统GCJ-02-国测局坐标BD-09-百度坐标系背景在业务数据统计分析中基本都会涉及到各省区的分析
百创科技·2023-12-05 15:34
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他