echarts

ECharts API 学习

echarts.initconstinitChart=()=>{constchart=echarts.init(document.getElementById('traffic-bar'),{width
珊珊而川·2023-11-10 13:06

echarts地图获取地市省会坐标方法

echarts地图做地图城市添加点、图形标记或柱形时需要获取对应坐标，话不多说，直接上代码vargeoCoordMap={};/*获取地图数据*/varmapFeatures=echarts.getMap
冰眸js·2023-11-10 09:01

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

微信小程序+echart实现点亮旅游地图

效果图过程1，首先就是得去下微信小程序适配的echarts-for-weixin，这个网上很多，就不贴链接了。
hq091117·2023-11-10 05:07

python中数据可视化_python中数据可视化的逐步指南

DataVisualization)DataVisualizationisthegraphicalrepresentationofData.Itinvolvesproducingefficientvisualelementslikecharts
weixin_26713457·2023-11-10 00:45

环形进度条渐变色的两种方案

背景实现如下渐变色环形进度条解决办法一提到环形进度条渐变色，相信大家先想到的是el-progress，以及echarts。现在我们就这两种方案进行开发。
阿乐今天敲代码没·2023-11-09 22:34

【Echarts公共组件封装(Vue版)】

在src目录下的components文件夹下新建文件ECharts.vue，代码如下：import*asechartsfrom"echarts";exportdefault{props:{isAxisChart
种草小幺儿.·2023-11-09 16:49

echarts 图表 地图实例

效果：代码实现：draw(data) {        var option = {            tooltip: {                trigger: 'item',                icon: 'query',                // triggerOn: 'click',                formatter: function 
zhang-zan·2023-11-09 15:36

Uni-app中Echarts的使用（动态渲染数据）

Echarts官网导包后发现不知道怎样在页面使用，后使用uniapp官网的插件百度Echarts。安装后不需要其他操作直接在页面上使用就行。
汪汪队出击·2023-11-09 07:24

uni-app解决echarts在h5、app中tooltips及部分功能失效问题

目录一、问题二、原因三、解决办法四、效果一、问题echarts图可以加载，tooltips提示框不显示，部分功能不生效。二、原因echarts引入的时候，会优先判断当前的环境。
luvJie-7c·2023-11-09 07:23

uni-app 使用echarts图表显示部分或不显示

我遇到的主要是uni-app使用了的插件，官方使用v-show切换页面，导致echarts只渲染了部分，将其改成v-if就好了
pikaqiu_komorebi·2023-11-09 07:22

echarts图表在uni-app中的使用

由于小程序包的限制，不适合直接引入echarts，而是定制下载，按需引入使用方法1.引入npminstallechartsmpvue-echarts2.到官网在线定制下载所需要的echats.js文件,
垣上人·2023-11-09 07:52

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仪表盘自定义数值样式

需求描述原图样式需求样式解决方案{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

uni-app - 在uniapp中使用echarts展示图表

demo地址:https://github.com/iotjin/jh-uniapp-demo习惯使用echarts图表，在uniapp中使用npm安装echarts再使用，或多或少有问题，最终找到一个好用的插件
西半球·2023-11-09 07:50

uni-app使用echarts数据不更新

问题描述uni-app使用echarts图表，接口请求数据更新后，图表不刷新。解决方案更新option前先调用clear()clear()：清空当前实例，会移除实例中所有的组件和图表。
libraboy·2023-11-09 07:16

Python - 对年龄统计图表进行美化 - pyecharts

之前用过其他的方法来对年龄进行统计，但感觉不是很好看，通过查找资料，找到了pyecharts模块，感觉pyecharts还是挺容易上手调用的，而且图表的效果也挺不错的，下面就直接看例子，领悟怎么轻松上手
沐 修·2023-11-09 04:59

pyecharts形形色色的图表

前提：有个朋友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

Echarts柱状图宽度/边框设置问题

文章目录效果展示需求实现效果展示需求柱条加边框设置柱条最大最小宽度实现borderWidthborderWidth：设置边框宽度borderColor：设置边框颜色在itemStyle中设置barMaxWidthbarWidth：设置柱条宽度，可以设置number(20表示20px)，也可以设置百分比，表示占这个类目的宽度比例barMaxWidth：最大柱条宽度barMinWidth：最小柱条宽度
蒲公英想养花·2023-11-09 00:44

Echarts柱状图柱子点击事件

文章目录效果展示需求实现效果展示需求点击柱子显示当天的详细数据实现这里只需要拿到被点击柱子对应的X轴时间坐标，可以直接监听click事件在DOM加载完为chart注册点击事件拿到被点击的柱子的X轴坐标name抛回父组件方法一：直接监听click事件实现这个效果click可以拿到柱条color:“#1DADF1”第几个componentIndex:0类型seriesType/componentSub
蒲公英想养花·2023-11-09 00:44

echarts地图,和地图点击事件

importechartsfrom'echarts'import'echarts/map/js/china.js'import{getStatisList}from"@/api/system/government
小鱼爱小于·2023-11-08 22:37

vue使用Echarts5实现词云图

先上官网词云图有些特殊，它属于Echarts的扩展，需要额外安装Echarts-wordcloud包。
骆骆爱学习·2023-11-08 18:12

vue下使用Echarts5绘制基础图表

项目使用Vue3加Echarts5绘制的基本图表，图表自适应浏览器窗口大小先上图，大屏小屏都可完美展示，纯属练手一先上图1.任意缩放窗口的大小2.平板3.电脑4.饼图5.折线图二后上代码import{defineComponent
骆骆爱学习·2023-11-08 18:31

取消饼图悬浮变大_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

制作一个简单HTML校园网页（HTML+CSS）学校网站制作 校园网站设计与实现

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

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

springboot + vue + websocket + ECharts

springboot+vue+websocket+ECharts初衷缘由后端Springboot实现前端VUE的实现Echart动态拿数据时不显示原因（加载顺序问题）结语初衷因为刚接触VUE的前端开发，
解咚咚·2023-11-08 06:23

前端几种可视化大屏组件库图表插件介绍

经理给我分配了可视化大屏数据项目，我看了好多组件库和去百度搜索，最后总结出几种比较好用的组件库来介绍一下，国外版本的我就直接抛弃了（英语1级）1.Echarts官方网址他是百度团队开源的，反正是老牌图表插件工具了
web大白·2023-11-08 02:17

Echart社区

https://www.makeapie.cn/echartsmakeapieecharts图表可视化案例,分享你的可视化作品https://www.makeapie.cn/echarts
肉清·2023-11-07 23:33

常用echart图总结

柱状图-category-work,grid直角坐标,legend,series-bar柱状图,tooltip提示框-makeapieecharts社区图表可视化案例
肉清·2023-11-07 23:33

vue-echarts饼图/柱状图点击事件

在实际的项目开发中，我们通常会用到Echarts来对数据进行展示，有时候需要用到Echarts的点击事件，增加系统的交互性，一般是点击Echarts图像的具体项来跳转路由并携带参数，当然也可以根据具体需求来做其他的业务逻辑
要成为大V的小v·2023-11-07 20:41

vue echarts 饼图/柱状图添加点击事件

import{mapActions,mapGetters}from'vuex'importechartsfrom"echarts";importresizefrom"../..
魏天·2023-11-07 20:10

Vue中引入echarts的步骤，折线图、柱状图、饼图的常用配置项

vue中引入echarts一、安装echarts二、引入echarts1.全局引入2.局部引入三、vue中使用echarts1.准备好函数2.准备一个容器来放echarts3.初始化容器4.调节配置项5
DantinZhang·2023-11-07 20:40

vue3使用Echarts柱状图，封装组件，动态渐变柱状颜色

第一步：安装echartsnpmiecharts第二步：在main.js引入echartsimport*asechartsfrom'echarts'app.config.globalProperties
捉一只小菜·2023-11-07 20:38

echarts vue2 柱状图定时联动饼图

需求：1.需前端做个鼠标悬浮自动切换的效果。每10秒钟自动切换一个柱子。2.鼠标悬浮到哪个柱子，则饼图配合显示该柱子对应的饼图。效果：展示效果备注：该图是给饼图另加了名称展示，数据是调过接口的真实数据，所以与上图不一致option配置：option:{title:{show:false,text:'日常巡查异常记录',},legend:[{right:'center',top:'top',data
Naive_Jam·2023-11-07 20:08

vue使用echarts饼图和柱状图

$echarts.init(this.
只吃一口e·2023-11-07 20:38

在VUE项目中使用Echarts简单实现折线图、柱状图、饼图

目录1、首先下载echarts包2、在main.js中全局引入echarts包，挂载到vue实例上3、在vue单页面上使用echarts3.1实现折线图和柱状图在vive层3.2实现饼图3.3实现折线图
普通小程序员·2023-11-07 20:37

基于vue 封装echarts 全局组件，柱状图，饼图，折线图

1.使用npm安装echartsnpminstallecharts--save2.main.js文件下添加importechartsfrom'echarts'Vue.prototype.
CSN_Tom·2023-11-07 20:03

【vue3/echarts】vue3中使用echarts/饼图/双轴双数据柱状图

npm下载echarts引入使用importBoxfrom"@/components/box.vue";import{onMounted}from'vue';import{init}from'echarts
Cc_Debugger·2023-11-07 20:01

学习使用JS实现Echarts的图表保存为图片功能：saveAsImage和getDataURL

学习使用JS实现Echarts的图表保存为图片功能接口getDataURL实现思路需求分析实际项目开发过程中经常会有图表展示功能，同时为了满足用户需要，会附带着图表导出功能，主要形式就是保存为图片。
徊忆羽菲·2023-11-07 18:24

学习在echarts中优化数据视图dataView样式带表格样式，支持复制功能

学习在echarts中优化数据视图dataView样式带表格样式toolbox里有个dataView视图模式，里面的数据没有对整，影响展示效果，情形如下：像这种标题跟数据没有整齐对应上，看起来乱改问题解决方案为
徊忆羽菲·2023-11-07 18:24

echarts图表截图保存成图片的两种方法saveAsImage

echarts图表截图保存成图片的两种方法saveAsImage1.echarts自带的截图2.使用echarts的API方法1.echarts自带的截图option中加上toolbox:{show:true
徊忆羽菲·2023-11-07 18:48

基于SSM校园学术报告管理平台毕业设计文案及源码

校园学术报告管理平台目录：项目介绍：项目采用SSM框架+MySQL数据库做后台技术支持，JavaMaile完成邮件发送功能，poi实现批量导入导出，前台页面使用主要用jquery+bootstrap实现,报表统计使用echarts
容若只如初见·2023-11-07 16:53

Vue 使用 Apache Echarts 绘制地图（省市、地区、自定义）

大家好呀，时隔半年，最近在忙项目，没空写文章了，最近项目需要，研究了一下地图的绘制，分享给大家，这篇主要简单讲述Echarts渲染地图，下一篇Vue使用ApacheEcharts绘制地图（拓展篇）中，详细讲述了渲染原理
~朴：shu·2023-11-07 15:03

Vue3 +Echarts5 可视化大屏——屏幕适配

项目基于Vue3+Echarts5开发，屏幕适配是使用scale方案Echarts组件按需引入，减少打包体积地图组件封装（全国&省份地图按需加载）效果图：屏幕适配大屏适配常用的方案有rem+vw/vh和
z止于至善·2023-11-07 12:23

什么是数据可视化？

3、主流的数据可视化软件Echarts作为一个JavaSc
qq_22860635·2023-11-07 07:53

echarts有4个y轴，点击图例依次按顺序显示和隐藏

代码：CloudUsageDate:{{formlist.startdate.slice(0,10)}}~{{formlist.endate.slice(0,10)}}NoDataimport{dateFormat}from"@/utils/time";exportdefault{name:"usage",props:['formlist','monthData'],filters:{divnum
HainesFreeman·2023-11-06 23:27
上一页 37 38 39 40 41 42 43 44 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他