echarts

百度图表ECharts+php使用方法

今天周六,同事都已回去.因没用过echarts,费了些时间研究.难点在于我不知如何动态赋值.研究了好多,最后发现方法非常简单,有两点要注意:第一,后端返回的数据必须是非键值对的一维数组:Array([0
信天牧·2023-10-27 10:49

【32 Pandas+Pyecharts | 剧荒了？用Python找找最近的热播好剧！】

文章目录️‍1.导入模块️‍2.Pandas数据处理2.1读取数据2.2查看数据信息2.3拆分影视剧标签列️‍3.Pyecharts数据可视化3.1各影视剧类型数量占比3.2各剧情类型数量占比3.3电视剧热度榜单
Python当打之年·2023-10-27 09:11

Pyecharts绘图教程（1）—— Pyecharts可视化神器基础入门

文章目录1.简介1.1Pyecharts是什么1.2Pyecharts特性2.安装2.1Pyecharts版本2.2常用安装方式2.3安装地图文件（可选）3.图表类型3.1直角坐标系图表3.2基本图表3.3
Python当打之年·2023-10-27 09:11

Pyecharts绘图教程（2）—— 绘制多种折线图（Line）参数说明+代码实战

文章目录1简介2图表配置项2.1导入模块2.2数据配置项2.3全局配置项3代码实战3.1基础折线3.2平滑曲线（is_smooth）3.3阶梯折线（is_step）3.4空值过渡（is_connect_nones）3.5线条颜色（color）3.6标记点配置项（markpoint_opts）3.7标记的图形（symbol）3.8标记线配置项（markline_opts）3.9线样式配置项（line
Python当打之年·2023-10-27 09:11

Matplotlib | 高阶绘图案例【2】- 读哪些专业最容易后悔?

绘制外圈虚线2.8添加标题️‍3.在线运行地址️‍4.可视化项目源码+数据大家好，我是【Python当打之年(点击跳转)】本期是Matplotlib高阶绘图案例系列的第2期，Matplotlib系列和Pyecharts
Python当打之年·2023-10-27 09:40

vue里echarts-自适应页面变化

//template//scriptimportechartsfrom'echarts'//最好放在mounted里,也可以放在每个echartsinit里constmyEchart=echarts.init
凛冬已至_123·2023-10-27 07:21

ChatGPT 与 Python Echarts 完成热力图实例

热力图是一种数据可视化方式，它通过颜色的变化来表示数据的差异和分布。以下是使用热力图的一些作用和好处：数据可视化：热力图可以将复杂的数据集转化为更直观、更易理解的形式。这对于很多人来说，尤其是那些没有深入统计学或数据科学知识的人来说，这是非常有帮助的。揭示模式和趋势：热力图能够清晰地显示数据中的模式、趋势和异常情况。比如，你可能会看到某些区域颜色鲜明，这表明那里的数值较高；而其他区域颜色淡，这表明
阿里数据专家·2023-10-27 07:16

vue项目中监听div宽高变化，并且重新加载图表

当前页面引入或者全局引入importelementResizeDetectorMakerfrom"element-resize-detector";使用：在mounted（）函数中获取当前div的宽高，重置echarts
转转我在·2023-10-27 05:58

Vue---监听div元素宽高改变时echart图表重新resize

一、需求描述当点击上图的红色框时，echart的div元素宽会改变但是无法触发echarts图表的resize重新渲染，对于浏览器而言，浏览器具有window.resize方法监听浏览器窗口大小的改变，
Cirrod·2023-10-27 05:04

Echarts 实现 设备运行状态图(甘特图) 工业大数据展示

letoption={tooltip:{formatter:function(params){letstartTime=newDate(params.value[1])letendTime=newDate(params.value[2]);//北京时间/时间戳转成日常时间functionconvert(date){vary=date.getFullYear();varm=date.getMonth
HebyH_·2023-10-27 05:30

vue3-echars-环形图

安装依赖npminstallecharts--save引入import*asechartsfrom'echarts';htmlscript//基于准备好的dom，初始化echarts实例varmyChart
一个大长腿·2023-10-27 04:50

Vue3-admin-element框架学习笔记----1（了解它）

下载地址：vue3-admin-element-template:基于Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板
破浪前进·2023-10-27 04:16

Echarts实现多柱状图重叠重叠效果

有两种重叠效果:1.多个柱子重叠为一个2.多个柱子重叠为两组第一种,图例:这个灰色不是阴影哦,是柱子.1.使用详解(1)series.Z折线图组件的所有图形的z值。控制图形的前后顺序。z值小的图形会被z值大的图形覆盖。z相比zlevel优先级更低，而且不会创建新的Canvas。(2)series.barGap不同系列的柱间距离，为百分比（如'30%'，表示柱子宽度的30%）。如果想要两个系列的柱子
起啥名呢啊·2023-10-27 03:42

项目开发之Echarts的使用（数据可视化）

一、安装只需要两步：1.下载echarts在下载echarts时，很多人可能会遇到安装不成功或者报错的问题，解决办法可以通过重装或者是装之前的版本来解决。
小跳不会Coding·2023-10-27 01:14

echarts tooltip超出容器大小

2023.10.19今天我学习了echarts图表防止提示框超出容器大小的方法：代码如下：tooltip:{position:function(point,params,dom,rect,size){letx
爱写代码的派大星·2023-10-26 23:49

百度Echarts和流行Highcharts的整合使用详解

应朋友请求，今天发表一篇关于百度Echarts和流行的Highcharts，前端报表整合详解说明。
程熙cjp·2023-10-26 21:01

Echarts和Highcharts对比测评

Highcharts是一款纯JavaScript编写的开源图表库，为Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。点击下载Highcharts最新试用版Highcharts优点：轻量级，移动端使用比较流畅，毕竟小。基于svg，对于动态的增删节点数据非常
RoffeyYang·2023-10-26 21:53

HighCharts点击无响应问题

HighCharts点击无响应问题背景介绍项目需要展示一个小时内日志设备的状态，由于数据量比较大，使用echarts效果不好。于是采用highcharts来处理显示。
wangyhwyh753·2023-10-26 21:21

Echarts柱状图渐变色问题变通

问题背景设计稿中给出了如下图的效果，在柱状图的最上面给出了一个白色的小块，起初我一直在思考亦或者搜索相关的问题：如何在Echarts柱状图顶部实现一个24*4的白色矩形块。
滕米·2023-10-26 19:25

Python爬虫实战，pyecharts模块，Python实现豆瓣电影TOP250数据可视化

让我们愉快地开始吧~开发工具Python版本：3.6.4相关模块：pandas模块pyecharts模块；以及一些Python自带的模块。
小雁子学Python·2023-10-26 17:00

Python通过pyecharts对爬虫房地产数据进行数据可视化分析（一）

库：numpy、pandas、pyecharts、jieba图形：Bar（柱状图）、Pie（饼图）、Histogram
rubyw·2023-10-26 17:17

java 导出pdf 获取前端echarts图片 拼接数据

【生成PDF】Java如何根据前台Echarts图表生成PDF，并下载_小小小鱼生的博客-CSDN博客_echart导出pdf原帖子填充数据有问题，无法填充，注意！注意！注意！!!!!
不知道叫啥丫·2023-10-26 17:33

Vue echarts 折线图 背景颜色渐变 （两种实现方式）

需求实现方式两种方法方法一：color:newecharts.graphic.LinearGradient(0,0,0,1,[{}，{}，{}])方法二：避开newecharts，color:{x:0,
蓝胖子的多啦A梦·2023-10-26 16:09

vue3使用echarts

1、安装npminstallecharts--save2、在main.js中导入import*asechartsfrom'echarts'constapp=createApp(App)app.config.globalProperties
sunshine08_07·2023-10-26 11:52

echarts刻度饼图

刻度饼图body{background-color:#00062E;}//基于准备好的dom，初始化echarts实例varmyChart=echarts.init(document.getElementById
小宋子·2023-10-26 11:21

echarts渐变进度条

echarts渐变进度条展示情况如下图相关代码vardata=['数据一','数据二',"数据三","数据四","数据五","六","七","八"]letvalue=[0.50,0.80,0.60,0.65,0.31,0.45,0.62,0.87
鱼小二·2023-10-26 09:13

vue中使用echarts-liquidfill实现水球图

效果图水球图配置链接https://v-charts.js.org/#/liquidfill安装npminstallecharts--savenpminstallecharts-liquidfill--
女皇·2023-10-26 09:43

echarts 环形进度条

echarts圆环进度条varchartDom=document.getElementById('main');varmyChart=echarts.init(chartDom);varoption;varvalue
城永·2023-10-26 09:43

echarts百分比进度条

效果optionletnumber=50constoption={title:{text:`${number}%`,left:'center',top:'center',//top待调整textStyle:{color:'#fff',fontSize:18,fontFamily:'DINAlternate-Bold'},subtextStyle:{color:'#ff',fontSize:15,f
真墨迹·2023-10-26 09:13

echarts实现进度条带背景

前言：echarts进度条科技风效果图：实习代码：varmyData=['低压居民','低压非居民','高压单电源','高压双电源']varlineData=[100,100,100,100]varthisYearData
妍崽崽@·2023-10-26 09:12

echarts-for-react源码略读

从与原生初始化对比开始原生ECharts中我们会通过如下代码初始化图表实例那么生成的HTMLElement结构为其中第二层的div和canvas的宽高默认为容器div#container的宽高，我们可以通过
格格巫 MMQ!!·2023-10-26 09:12

Echarts环形进度条

最终效果图如下：注意和基础折线图不同，进度条需要额外定义2个变量：varvalue=66;//当前进度varmaxvalue=100;//进度条最大值完整代码如下：右上-圆环图//基于准备好的DOM,初始
Térébentine·2023-10-26 09:12

Echarts 实现进度条效果

#Echarts实现进度条效果#效果图#上代码//Echarts实现进度条效果data=[{name:'服务订购数量',value:6133,},{name:'服务订购人次',value:23125,}
程序员小挽·2023-10-26 09:40

echarts——进度条

1.示例图2.echarts配置option={backgroundColor:'#00043A',tooltip:{trigger:'axis',show:false,axisPointer:{//坐标轴指示器
小兔崽子、·2023-10-26 09:39

Echarts实现进度条效果

Echarts实现进度条效果实现效果如图：option={grid:{containLabel:true,left:0,right:0,top:0,bottom:0,},xAxis:{type:'value
小月鸭·2023-10-26 09:39

react+echarts圆环进度条

效果图1.基于react项目内，安装依赖npminstall2.本地运行npmstart3.安装echarts全部代码:importReactfrom'react';//引入ECharts主模块importechartsfrom'echarts
栖身星河之中·2023-10-26 09:38

仪表盘自定义标题和数值样式

仪表盘自定义标题和数值样式fn()varmyEcharts;functionfn(v){varchartDom=document.getElementById('myEcharts');myEcharts
joan_85·2023-10-26 09:37

echarts插件-liquidFill（水球图）

echarts插件-liquidFill（水球图）1.下载2.引入：3.使用1.下载echarts.js下载：https://cdnjs.com/libraries/echartsecharts-liquidfill.js
joan_85·2023-10-26 09:37

echarts---双饼进度条，进度条

option={series:[{name:"",type:"pie",hoverAnimation:false,//鼠标移入变大clockWise:false,radius:["45%","55%"],center:["30%","60%"],label:{fontSize:14,normal:{formatter:"{b}\n",padding:[0,-150],color:"#fff",},
浅浅旳笑·2023-10-26 09:36

echarts进度条

this.process.forEach((item,index)=>{if(item.Count{{data.name}}{{data.count}}exportdefault{data(){return{};},props:{data:{type:Object,default:{},},},watch:{"data.count":function(val,oldval){this.echart
Cc_Debugger·2023-10-26 09:36

echarts 弧形进度条 配置

源码带注释：option={series:[{type:'gauge',min:0,//最大值max:100,//最小值startAngle:200,//仪表盘起始角度。圆心正右手侧为0度，正上方为90度，正左手侧为180度。endAngle:-20,//仪表盘结束角度splitNumber:100,//仪表盘刻度的分割段数itemStyle:{color:'#58D9F9',//颜色shadow
Rob__·2023-10-26 09:06

echarts圆环进度条效果

类似这种效果的图形，一般都是多种图形堆叠的效果，比如这个图就是：多个环形饼图和一个坐标轴叠加而成一、首先获取到需要展示的数据，根据需求，格式化出需要的数据格式：//需要展示的数据letresData=[{name:'数据1',value:80},{name:'数据2',value:40},{name:'数据3',value:60}]letname=resData.map((item)=>item.
前端很忙·2023-10-26 09:35

echarts-进度条

echarts-进度条option={title:{text:"xxxx统计",left:'1%',top:'0%',textStyle:{color:"#2E3033",fontSize:18,},}
joan_85·2023-10-26 09:33

echarts柱形图legend设置每个柱子颜色

设置每个柱子对应一个图标。legend对应每个series的name来option={legend:{//对应series的namedata:['直接访问','邮件营销','联盟广告','视频广告'']},grid:{left:'3%',right:'4%',bottom:'3%',containLabel:true},tooltip:{//trigger:'axis',//显示其他分类axisP
wepe12·2023-10-26 06:26

legend位置 pyecharts_在echarts中图例legend和坐标系grid实现左右布局实例

1、效果图2、实现方法将图例legend纵向排列(orient:'vertical')，宽度给150(width:150)，坐标系grid左侧距离200(left:200)，中间有50的边距3、代码展示grid:{left:200},legend:{x:'left',data:['送风温度','混风温度','冷冻水送水温度','冷冻水回水温度','热水送水温度','热水回水温度','送风温度设定点
乡下老农民·2023-10-26 06:25

Echarts图例

要做echarts图例，首先要给一个装echarts图例大小的盒子，高度和宽度根据自己项目的需求设计，下面是讲解echarts图例的例子:用echarts做一个这样的图例出来：#chartbox{width
芷琪 i·2023-10-26 06:25

echarts分享(三):双y轴图例点击+自动轮播进阶版

前言上一篇文章分享了自动轮播的简单版实现，对于大多数图表来说已经可以满足功能需求，但是总有一小部分的图表需求比较突出，比如双y轴图表。有句老话说：简单的问题总是不多，而困难的问题总是接踵而来。其实单以自动轮播的功能需求来说，简单版的实现在双y轴图标上也可以使用，但是当牵扯到另一个功能的时候，就很难满足要求了，这个功能就是图例点击。当自动轮播和图例点击功能双双向你奔来的时候，脑壳真的是疼的要命。而且
前端SkyRain·2023-10-26 06:24

echarts图例样式单独设置

分两组不同的样式legend:[{textStyle:{color:'rgba(255,255,255,0.8)'},top:'5%',icon:'rect',left:0,itemWidth:15,itemHeight:2,itemGap:30,data:['111','222','333','444']},{textStyle:{color:'rgba(255,255,255,0.8)'},t
森林的尽头是阳光·2023-10-26 06:24

echarts基础学习之组件legend（二）

echarts基础学习之组件legend（二）今天学习echarts的组件legend图例图例组件。图例组件展现了不同系列的标记(symbol)，颜色和名字。可以通过点击图例控制哪些系列不显示。
醋黄瓜·2023-10-26 06:54

echarts legend太多且每个legend名称太长，导致legend与图表grid重叠问题临时解决方案

constLINE_NUM_EACH_ROW=3;//图例中每行显示的线条数目；constDEFAULT_LINE_NUM=6;//采用默认grid.top值的默认线条数目；constDEFAULT_GRID_TOP_PECENTAGE=18;//默认的grid.top百分比（整数部分）；constDELTA_GRID_TOP_PECENTAGE=9;//超出默认线条数时的grid.top百分比增
csdn_girl·2023-10-26 06:51
上一页 41 42 43 44 45 46 47 48 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他