Echart

echarts配置项

echartsY轴设置：/yAxis->splitLine->show：true为展示网格false隐藏网格，lineStyle:{color:['#000']}//设置网格的颜色可以用rgba
大黑豹·2024-01-08 10:03

echarts图表会残留上一条数据的折线 setOption参数的第二个坑

记一下小坑因为我的echarts图表的series是循环渲染上去的所以他可能会有一条或多条我展示完多条的图表后关闭打开单条数据的图表发现他会残留上一个图表的数据显示多条之前我还以为是后端返回错了但是log
CV工程师!!·2024-01-08 10:48

Echerts 绘制折线图

最近想画个折线图，展示业务的走势，选择用的是echarts，这里记录下来，方便查看。
梦幻通灵·2024-01-08 07:32

ECharts 实现省份在对应地图的中心位置

使用ECharts下载的中国省市区的json文件不是居中的(如下图所示)，此时需要修改json文件中的cp地理位置，设置成每个省份的中心位置{"type":"FeatureCollection","features
藕粉桂花糖糖糕·2024-01-08 07:42

echarts饼图显示不全，让它同比例缩小显示

通过设置series中的radius属性来控制饼图大小，radius可以设置为百分比未设置前可以看出饼图和其他区域会重叠设置后显示正常
藕粉桂花糖糖糕·2024-01-08 07:12

解决pip安装第三库echarts报错：Package would be ignored而安装失败的问题

现象：尝试了很多方法都没解决，最后终于突然灵光一闪找到原因（我这是python虚拟环境，创建的时候会自动升级pip）原因：pip版本过高！想不到是这原因吧！解决办法：手动降低pip版本python-mpipinstallpip==20.2.3-ihttps://mirrors.aliyun.com/pypi/simple/问题解决：
kingtopest·2024-01-08 06:42

【期末网页设计】基于HTML学生信息管理系统网页项目的设计与实现

一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts
程序员-html网页设计·2024-01-08 04:09

Echarts的bug系列

1.饼图的label溢出容器问题，属于Echarts的依赖算法问题，在GitHub上尚无解决方案，但是可以改变startAngle的值来缓和这个问题2.tooltip的样式可配置接口很少，几乎无法自定义比较炫酷的效果
追风的云月·2024-01-08 03:52

echart的tooltip formatter的用法

tooltip:{trigger:"axis",//formatter:'{b0}'+//'{a0}:{c0}'+//'{a1}:{c1}'+//'{a2}:{c2}%'//显示百分比formatter:function(params){lettip="";if(params!=null&¶ms.length>0){for(leti=0;i"if(i==2){tip=params[0].s
Coisini_754e·2024-01-08 02:02

Pyecharts绘图笔记

Pyecharts绘图笔记柱状图堆叠柱状图翻转柱状图直方图折线图显示散点图箱型图面积图仪表盘饼状图圆环图玫瑰图层叠图水平组合图grid水平组合图grid1垂直组合图grid水平垂直组合图gird水平垂直组合图
Python_QB·2024-01-07 23:14

python使用pyecharts构建柱状图

构建基础柱状图#导入模块frompyecharts.chartsimportBar#创建柱状图对象bar=Bar()#添加X和Y轴数据bar.add_xaxis(["中国","美国","英国"])bar.add_yaxis
老年断牙人·2024-01-07 23:14

【pyecharts柱状图的使用】

pyecharts柱状图的无脑记录在进行文章写作时，难免会放入一些柱状图，所以学习了pyecharts绘图，以便下次使用基础柱状图的绘制1.代码frompyecharts.chartsimportBar
路-路-路·2024-01-07 23:14

Pycharts 常用技巧（柱状图、条形图、折线图、堆叠图及多图组合） - 基础

1基本柱状图代码frompyechartsimportoptionsasoptsfrompyecharts.chartsimportBarl1=['星期一','星期二','星期三','星期四','星期五
YouShouldKnowMe·2024-01-07 23:13

【38 Pandas+Pyecharts | 奥迪汽车销量数据分析可视化】

文章目录️‍1.导入模块️‍2.Pandas数据处理2.1读取数据2.2查看数据信息2.3数据处理️‍3.Pyecharts数据可视化3.1奥迪用户购车时间分布3.2奥迪各系销量占比饼图3.3奥迪各系销量占比
Python当打之年·2024-01-07 22:00

python数据可视化之折线图案例讲解

准备工作：我们需要下载用于生成图表的第三方类库pyecharts。1）使用win加r快捷键打开Windows命令运行框，输入cmd点确定。2）点击确定会进入如下页面：3）输入如下指令：pi
陌上烟雨864·2024-01-07 20:12

echarts---x轴数据过多,设置x轴左右滑动显示

显示滑动条的左右滑动显示在option中添加dataZoom配置dataZoom:[{type:'slider',//设置为滑动条型式show:true,//显示dataZoom组件start:0,//默认显示的起始位置为0end:30,//默认显示的结束位置为100handleSize:8,//滑动条的手柄大小handleStyle:{color:'#DCE2E8'//滑动条的手柄颜色},xAx
zyue_1217·2024-01-07 18:01

1-pyecharts-绘制简单柱状图并转换风格

文章目录pyecharts柱状图简单绘制主题设置Faker模块pyecharts柱状图这里使用pyecharts1.x版本简单绘制先简单绘制一个柱状图开开眼界frompyecharts.chartsimportBarx
[小G]·2024-01-07 15:51

echarts鼠标移入效果自定义显示 2018-06-09

项目中遇到使用echarts在鼠标移入时不显示当前移入的信息而是自定义的echarts中有一个formatter方法，在tooltip上直接写入formatter：function（）{//这里是可以传递参数的
菜鸟搬砖·2024-01-07 15:24

【Vue.js 中使用 ECharts 打造交互式数据可视化】

摘要：Vue.js和ECharts的结合为开发者提供了强大而灵活的数据可视化解决方案。本文将介绍如何在Vue.js项目中集成ECharts，并通过简单的示例展示如何创建交互式的数据可视化图表。
無飞·2024-01-07 12:49

53、浅谈vue项目打包优化策略

如果频繁使用了第三方组件/UI库，如我的项目中经常同时使用了element-ui,mint-ui,echarts等组件库，如果全部引入，项目体积非常大，这时可以按需引入组件。
world_7735·2024-01-07 10:01

Vue3 + echart动态引入图片以及打包问题

Vite+vue3不能使用require原标题:在vue3中动态引入图片vue3不能用require了特别感谢评论区朋友指出的问题是Vite+vue3不能使用require所以特意回来考古，更正！！！//需要显示的数据constsceneOptions=reactive({data:[],});//获取数据//解析为需要的结构图片尽量不要带中文不要以数字开头//可以使用相对路径/*sceneOpt
kwok_球球·2024-01-07 09:40

echarts legend不显示问题解决

如果legend中的data是动态加入的就会不显示解决办法：不能单独添加data，要将legend一起整体添加varoptions={}varlegend={data:data数据}options.legend=legend;myCharts.setOptions(options)
不完美女孩-·2024-01-07 09:38

Echarts

1、通过官方给过来的例子，为什么会出现Initializefailed:invaliddom.例子//基于准备好的dom，初始化echarts实例varmyChart=echarts.init(document.getElementById
Robber2000·2024-01-07 08:48

eacharts和eacharts-gl、3d饼图、3d柱状图加折线图、下载gl报错解决

目前已知可以生效有：第一种1：npminstallechart[email protected]echart[email protected]第二种2：npminstallechart[email protected]
一架打字机·2024-01-07 08:47

大数据-BI（商业智能系统）-BI可视化工具：FineBI（帆软出品）使用简介【其他BI可视化工具：Echarts（百度出品）、Power BI（微软出品）】

FineBI在Windows上安装部署【仅支持64位系统】一、启动FineBI登录二、配置MySQL数据源数据连接名称：知行教育数据库名称：scrm_bi主机：localhost端口:3306用户名：root密码：123456编码：UTF-8数据连接URL：jdbc:mysql://localhost:3306/teach_test三、准备数据构建业务包
u013250861·2024-01-07 08:31

Vue+Echarts动态数据赋值

最近，在写公司大屏可视化项目，可视化与大屏结合最好的就是echarts了。在Echarts的时候，数据不会始终是静态的，要结合实际项目出发，将动态数据渲染到图标上去。
程序员海军·2024-01-06 20:43

echarts地图背景纹理填充问题，只改变背景颜色，纹理没有填充

以福建省地图为例，正常纹理填充的效果图。//js设置图片地址varpicTag=newImage();picTag.src='xxxx.png';//图片加载完成后去设置option配置内容，不然图片没加载出来，背景图片没显示出来。//图片背景设置主要内容geo:[{itemStyle:{areaColor:{image:picTag,//支持为HTMLImageElement,HTMLCanva
pingmin_1001·2024-01-06 18:02

React使用动态标签名称

某项基础信息里有个图标配置（图标用的是antd的Icon组件），该项基础信息的图标信息修改后，存于后台数据库，后台数据库里存的是antdIcon组件的图标Tag名称，如AreaChartOutlined、PieChartOutlined
草率小猿·2024-01-06 17:08

echarts环形图内接分类名称并且颜色名称颜色跟随变化

大家首先看一个echarts图，地址：圆环图自定义legend、设置默认选中-category-work,legend,series-pie饼图,title标题-makeapieecharts社区图表可视化案例该图如下所示
MartinYangHJ·2024-01-06 17:06

echarts去实现一个完完全全的动态更新早上8点到晚上6点每分钟的各区间的人数变化趋势图

image.png这图是写demo测试的技术使用：lodash、echarts、es6、axios等1、xAxis横坐标的处理方式(静态写死的情况)xAxis使用category模式，通过数组的形式获取每天早上
听书先生·2024-01-06 14:08

在Uniapp中使用Echarts创建可视化图表

在uniapp中可以引入echarts创建数据可视化图表。
Serena_tz·2024-01-06 14:41

安卓部分机型webview不显示echarts

问题项目用到echarts图表插件，用h5写好图表接入数据后，放入原生webview。
Madrigal_cdfa·2024-01-06 13:29

大数据毕业设计：python房源数据爬虫分析预测系统+可视化 +商品房数据（源码+讲解视频）✅

1、项目介绍技术栈：python语言、Flask框架、MySQL数据库、Echarts可视化sklearn机器学习多元线性回归预测模型、re
vx_biyesheji0001·2024-01-06 10:52

使用Echarts.js绘制环形图（指定触发高亮事件）

一、页面效果默认tab为不限，正常渲染所有数据：数据图形hover时，弹框展示相关信息：切换tab时，高亮放大突出对应数据项的图形区域，并降低其他图形区域的透明度：二、功能描述1、tab选中不限时，环形图表中正常渲染环形图，以及对应的数据类型图例和指示文字。2、环形图hover时，高亮hover所在的图形区域，图形区域放大，并悬浮弹窗展示相关数据。3、在切换tab时，选中指定tab，则环形图中的对
努力的小朱同学·2024-01-06 10:19

快速使用pyecharts绘制常用图表

绘制饼图绘制圆环图绘制散点图（Scatter()）绘制3D柱形图（Bar3D()）绘制统计地图（Map()）绘制漏斗图（Funnel()）绘制桑基图（Saneky()）七图合并（选项卡多图）总结绘制折线图（Line()）pyecharts
我像影子一样·2024-01-06 09:43

解决ECharts柱形图自定义单个柱子颜色图例无法显示

'，否则影响柱体上数值显示tooltip的值需要自定义，否则会显示堆叠柱状图的tooltip格式，非图中所示drawSingleBarChart(){letme=this//基于准备好的dom，初始化echarts
大红袍不是绿茶.·2024-01-06 08:13

基于python旅游景点推荐系统+爬虫+可视化+协同过滤算法+Django框架 大数据毕业设计（附源码+文档）✅

1、项目介绍（1）技术栈：Django框架、基于用户协同过滤推荐算法、requests爬虫、MySQL数据库、去哪儿网站、Echarts可视
q_3548885153·2024-01-06 05:01

基于python一手房数据爬虫分析预测系统+可视化 +商品房数据+Flask框架（附源码）✅

1、项目介绍技术栈：python语言、Flask框架、MySQL数据库、Echarts可视化sklearn机器学习多元线性回归预测模型、re
q_3548885153·2024-01-06 05:01

淘宝数据采集分析可视化系统 商品销量数据分析 计算机毕业设计 大数据项目 python（附源码+文档）✅

1、项目介绍项目技术：python语言、Flask框架、淘宝商品数据、selenium网络爬虫、MySQL数据库、数据分析、Echarts可
q_3548885153·2024-01-06 05:00

大数据毕业设计：商品推荐系统+可视化+2种协同过滤推荐算法 Django框架 计算机毕业设计（附源码+论文）✅

1、项目介绍技术栈:python语言、MySQL数据库、Django框架、2种协同过滤推荐算法、Echarts可视化、HTML协同过滤推荐算
q_3548885153·2024-01-06 05:59

pyecharts库

pyecharts是一个用于生成Echarts图表的类库。echarts是百度开源的一个数据可视化JS库，主要用于数据可视化。pyecharts是一个用于生成Echarts图表的类库。
老肥码码码·2024-01-06 00:59

Vue3.0+Echarts （可视化界面）

Vue3.0+Echarts（可视化界面）1.简介2.安装2.1下载安装Node.js2.2全局下载项目脚手架2.3创建项目1.简介2.安装2.1下载安装Node.js2.2全局下载项目脚手架以管理员身份执行
Arrow·2024-01-05 21:14

计算机毕业设计之逆天版SpringBoot毕业论文知识图谱及可视化系统

技术Java后端：SpringBootJPAmysqlneo4j图数据库前端：echartsvue.jselementUI功能计算机毕业设计之逆天版SpringBoot毕业论文知识图谱及可视化系统运行截图计算机毕业设计之逆天版
计算机毕业设计大神·2024-01-05 21:49

解决使用printJS打印PDF时echarts图表无法打印的问题

一次项目中有前端打印PDF的需求，在网上找到printJS使用，发现canvas无法打印，就将其代码稍加改造，完美解决。使用方法：由于是VUE项目，直接注册到了全局页面内使用：在printjs文件内写死了容器ID为details以下是完整printJS代码//打印类属性、方法定义/*eslint-disable*/constPrint=function(dom,options){if(!(this
__浩·2024-01-05 21:16

printJs库的使用心得 printJs配置 echart table超出

1.前言在我们需要在页面中打印某个区域的内容或者生成pdf的时候，我们可以直接用printJs库。2.安装npminstallprint-js-save3.引入在想要引入的页面中添加如下代码importprintJSfrom'print-js';4.使用在我们想打印内容的标签上添加id，如下.........之后在我们button上绑定事件函数，如下printJS({printable:'prin
Johna_114514·2024-01-05 21:44

Echarts标记非线图(轴)上点的两种实践方案

需求背景：当前有一个趋势图，横坐标表示灯泡平均使用时长，纵坐标表示灯泡平均使用温度。现在需要在当前坐标系下标记一个正在使用中的灯泡的时长及温度（趋势图表示的是计算出的平均温度，所以当前灯泡的温度可能不会在趋势线上，实时使用时长可能也没有对应的横坐标轴点）实现目标：实践方案：方案1：使用双数值轴+markPoint为什么要使用双数值轴如果想要标记一个非轴点上的点，那当前轴只能是数值轴，这样才能够准确
云之遥_·2024-01-05 18:35

业务项目中Echarts图表组件的封装实践方案

那在一个项目中如何封装一个图表组件既能够快速复用、UI统一，又可以灵活扩充Echarts的各种复杂配置项配置就变得极为重要。
云之遥_·2024-01-05 18:32

react antd，echarts全景视图

1.公告滚动，40s更新一次2.echarts图标左右轮播60s更新一次3.table表格import{useState,useEffect}from'react';importSliderfrom'react-slick
Sunny·2024-01-05 15:04

【开发记录】vue3封装一个echarts轮播动画hooks

vue3封装一个echarts轮播动画hooks，记录一下exportconstuseChartAnimation=(vChartRef:typeofVChart,option:any)=>{letisLoad
liyfn·2024-01-05 15:22

【echarts】x轴文字根据\n换行

文字直接添加\nvarxData=["公路\n路政"]通过formatter判断柱状图底部超出n个字换行可以打印出参数，然后也根据参数具体判断
Cc_Debugger·2024-01-05 13:24
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他