Echarts使用介绍

鸿蒙常用UI效果及一些处理方式总结

前言：DevEcoStudio版本：4.0.0.600详细使用介绍1、Text的一些常用设置Text(this.message).fontSize(50)//字体大小.fontColor(Color.White
等风起了·2024-01-24 17:53

echarts绘制多条折线图

效果首先引入echarts可以看这篇文章哦~如何在项目中使用echarts1.定义一个div这里的height就是y轴的高度了~2.定义一个方法init在mounted引用mounted(){this.init
小莉爱编程·2024-01-24 15:10

vue-echarts使用以及 tooltip不显示问题解决

第一种是像普通js一样引入Echarts；第二种是使用VueCharts；vue-echarts使用方法1.npminstallechartsvue-echarts2.在main.js里面按需引入模块，
流丶年丶·2024-01-24 13:21

echarts设置tooltip遇到值为0不展示的问题(已解决)

遇到值为0时tooltip:{trigger:"axis",extraCssText:"z-index:3",axisPointer:{type:"shadow",//默认为直线，可选为：'line'|'shadow'shadowStyle:{color:"rgba(41,95,204,0.5)",},},borderColor:"rgba(0,170,255)",//边框颜色formatter:
毛三仙·2024-01-24 12:43

echarts前端项目构建

1.setOption1.1geohttps://echarts.apache.org/zh/option.html#geogeo:{map:'china'//地图类型地图数据有两种格式：（1）script
奔跑的程序媛·2024-01-24 09:44

echarts属性的设置（完整大全）

x轴类型有三种（y轴类似）1category类目轴，适用于离散的类目数据，就是x周的类别是自定义的，都是字符串，需要通过data设置类目数据与series中data对应，data是一维数组demo2time时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。data是二维数组，第一个数值对应x轴de
新老农·2024-01-24 08:25

antv/g6绘制数据流向图

antv/g6绘制数据流向图前言接口模拟数据htmlts页面效果前言在业务开发中需要绘制数据流向图，由于echarts关系图的限制以及需求的特殊要求，转而使用antv/g6实现，本文以代码的方式实现数据流向需求以及节点分组
千寻物语·2024-01-24 08:26

flink-java使用介绍，flink，java

1、环境准备文档：https://nightlies.apache.org/flink/flink-docs-release-1.18/zh/仓库：https://github.com/apache/flink下载：https://flink.apache.org/zh/downloads/下载指定版本：https://archive.apache.org/dist/flink/flink-1.1
raoxiaoya·2024-01-24 07:47

echarts 切换时出现上一次图形残留。

这可能是echarts的bug。一般情况下，出现这种问题，是setOption中没有配置notMerge导致新的配置与旧配置合并。但是我这里始终配置notMerge:true，仍然出现这种问题。
JA+·2024-01-24 07:49

【GitHub项目推荐--不错的Flutter项目】【转载】

项目地址：https://github.com/imaNNeoFighT/fl_chartLineChartBarChartPieChartSample1Sample2Sample3
旅之灵夫·2024-01-24 01:34

知识笔记（九十六）———在vue中使用echarts

1、安装npminstallecharts--save2、在vue中引入（全局引入）//引入echartsimportechartsfrom'echarts'Vue.prototype.
瑞崽崽崽·2024-01-24 01:48

知识笔记（九十七）———在vue中使用echarts（续）

使用cnpminstallecharts--save11:25-32"export‘default’(importedas‘echarts’)wasnotfoundin'echarts修改引入的方式//
瑞崽崽崽·2024-01-24 01:48

echart+vue3实现世界地图和数据轮播

废话不多说，先上图，在上代码，留个小红心再走，附件赠送一个汉化版世界地图json文件,不好意思，csdn抽经文件不让上传，需要汉化版的世界地图文件的可以留言~图一：图二：国际经营看板import*asechartsfrom'echarts'importworldMapfrom
一路从容·2024-01-24 00:55

echart3D地图使用

由于项目需求，需要实现3D全国地图，并且在3D地图上通过3D柱状图显示各个区域的数据，并鼠标悬浮该区域的时候，需要实现该省份区域模块整体向上移动的特效实现效果大致如下，细节需要各位同学自行调整了需要安装echarts
一路从容·2024-01-24 00:19

最新阿里云免费SSL证书申请使用介绍

为网站部署SSL证书已经是现在站长的必须要做的工作，然而SSL证书并不全是免费的，免费且好用的资源也越来越有限，毕竟嘛，这些都需要成本。PS：最下方有最终建议方案。本文介绍当前(2024年)阿里云免费SSL证书信息。阿里云可以说是国内数一数二的云服务商，也提供了免费的SSL证书。自2023年11月1日起阿里云的免费SSL政策发生了一次重大调整。即：免费的SSL证书有效期统一变更为3个月。也就是说之
吠品·2024-01-23 17:47

echarts 饼图

1.饼图移入修改相关样式以及鼠标事件1.1代码exportdefault{data(){return{echartInstance:null,activeNumIndex:0,numList:[{label:'苹果',value:10},{label:'香蕉',value:20},{label:'蜜桃',value:30},{label:'雪梨',value:40}]}},mounted(){th
浅忆_0810·2024-01-23 17:52

vue echarts地图

下载地图文件：DataV.GeoAtlas地理小工具系列范围选择器右侧行政区划范围中输入需要选择的省份或地市，选择自己想要的数据格式，这里选择了geojson格式，点右侧的蓝色按钮复制到浏览器地址栏中，打开的geojson文件内容右键另存为json文件即可。实现代码：init(){//画布初始化if(myChart){myChart.dispose();//销毁实例}letmapDom=docum
每一天，每一步·2024-01-23 16:04

echarts绘制多条刻度线仪表盘，文本内容带背景且颜色渐变，echarts绘制复杂仪表盘

option={series:[{//最外圈type:'gauge',radius:'80%',center:['50%','90%'],startAngle:180,endAngle:0,min:0,max:100,progress:{show:false,width:8},pointer:{show:false},axisLine:{show:false,lineStyle:{width:50
每一天，每一步·2024-01-23 15:30

echarts绘制饼图，部分数据隐藏指示线和文本，hover时隐藏指示线和文本的类别也不显示tooltip提示

option={tooltip:{trigger:'item',formatter:(p)=>{if(p.name){return`${p.name}：${p.value}个`;}},backgroundColor:'#ffffff',textStyle:{color:'#666666'}//提示标签字体颜色},legend:{top:'5%',left:'center'},series:[{na
每一天，每一步·2024-01-23 15:30

echarts 排序柱状图使用datazoom设置纵轴显示滚动条

letoption={……xAxis:{type:"value",……},yAxis:{type:"category",……},dataZoom:[{type:"slider",show:true,//显示组件backgroundColor:"#fff",//组件的背景颜色fillerColor:"#9D9D9D",//选中范围的填充颜色borderColor:"transparent",//边框
每一天，每一步·2024-01-23 15:30

echarts饼图绘制圆环线条

option={tooltip:{trigger:'item'},legend:{top:'5%',left:'center'},series:[{name:'AccessFrom',type:'pie',radius:['23%','30%'],avoidLabelOverlap:false,itemStyle:{borderRadius:10,borderColor:'#CBEBFF30',b
每一天，每一步·2024-01-23 15:57

计算机毕业设计之基于python的招聘信息数据分析系统 爬虫 可视化 招聘推荐系统

创新点招聘推荐薪资预测数据爬虫可视化技术Python爬虫；Flask框架；ECharts框架。
张 PD·2024-01-23 15:41

大数据毕业设计：商品评论数据情感分析系统 可视化 snownlp情感分析 机器学习 Django框架（源码） ✅

1、项目介绍技术栈：Python语言、Django框架、Echarts可视化、snownlp情感分析、机器学习、htmljscss电商评论数
q_3375686806·2024-01-23 15:39

基于python图书推荐管理系统+可视化+Django框架 图书管理系统 （源码+论文）✅

1、项目介绍后端：Python语言、Django框架、Echarts可视化、MySQ
q_3375686806·2024-01-23 15:38

gRPC-gateway使用介绍

gRPC-gateway参考资料：gRPC-Gateway使用指南服务中，使用了gRPCgateway（代理）来将外部的http请求映射为内部rpc调用。proto文件示例：//导入google/api/annotations.protoimport"google/api/annotations.proto";rpcList(ListRequest)returns(ListResponse){op
嘻·嘻·2024-01-23 13:13

Python基础第九篇（Python可视化的开发）

文章目录一、json数据格式（1）.转换案例代码（2）.读出结果二、pyecharts模块介绍三、pyecharts模块入门（1）.pyecharts模块安装（2）.pyecharts模块操作（1）.代码
半夜敲代码的夜猫子·2024-01-23 11:40

echarts在地图上没有显示出散点图后台并报错Uncaught (in promise) TypeError: Cannot read property 'get' of undefined

出现这个原因是没有在散点图中配置coordinateSystem:'geo'因为地图和散点图的坐标系统不同，所以要让散点图使用地图的坐标系统series:[{data:airData,geoIndex:0,type:'map'},{data:scatterData,type:"effectScatter",coordinateSystem:'geo',//指明散点图使用的坐标系统，geo坐标系统r
踏莎行·2024-01-23 11:36

使用p:tabView，点击tab页面，刷新页面的dom，echarts全新渲染

//p:ajax是为ajax交互而有的标签；实现方案：首先刷新dom（tab2，tab3），然后在重新执行echarts方法
HY_f110·2024-01-23 11:45

油猴插件的介绍和安装详解&&脚本的介绍和添加举例

一款强大的插件——油猴Tampermonkey&&程序员们写的神奇脚本前言1.MicrosoftEdge上油猴安装教程2.GoogleChrome油猴插件安装教程，与上类似3:如何添加自己想要的功能——使用介绍
Jason--Zhu·2024-01-23 10:38

Git使用方法（将本地文件上传到github远程仓库）

此文章对于Git的使用介绍的很详细，对于新手很是友好哦。（实测没问题）Git的安装就不说了。第一步：我们需要先创建一个本地的版本库（其实也就是一个文件夹）。
irving725·2024-01-23 10:04

echarts Y轴刻度值固定

yAxis:[{name:'',type:'value',max:this.state.maxNum,//设置最大值min:0,//最小值splitNumber:11,//11个刻度线，也就是10等分nameTextStyle:{color:'#fff',padding:[0,0,0,0]}效果图：image.png
家有饿犬和聋猫·2024-01-23 07:02

pyecharts最新版本绘制K线图

importtushareasts#数据处理包importnumpyasnp#dataframe表格数据处理importpandasaspd#计算各种金融数据技术分析指标importtalibasta#绘图包frompyecharts.chartsimportKline
燃醉红尘·2024-01-23 06:12

vue3使用 echarts - 饼图、折线图

下载安装npminstall-Secharts使用饼图-带中心图形-graphic-elementsimport{onMounted,ref,reactive,unref,nextTick}from"vue
浮桥·2024-01-23 06:06

ECharts折线图去掉图例和线段上的小圆点

官方的初始效果折线图的图例有小圆点，并且图表中也有小圆点最终效果去掉图例和图标中的小圆点并且柱状图和折线图的图例要不同代码实现去掉图例小圆点官方文档itemStyle:{opacity:0}折线图中的小圆点去掉官方文档两个代码二选一就行，效果是一样的，一个是不显示，一个是显示，但尺寸为0symbol:'none',symbolSize:0,后记最开始的思路是修改Icon为roundRect,这样虽
珊珊而川·2024-01-23 05:33

v-charts, echarts动画设置

option={series：[{......,animationDuration:1000,//动画时长默认值1000//动画缓动具体参考https://echarts.apache.org/examples
秋色暮光·2024-01-23 03:20

简单封装前端图表（v-charts）

准备安装v-charts依赖npmiv-chartsecharts-Svue页面可直接使用{{title}}exportdefault{props:{chartData:{type:Object,default
秋色暮光·2024-01-23 03:20

echars：图表中核心的概念

文章目录web初始化小程序初始化图表大小1、直接在dom上设置2、在js中设置3、响应式大小销毁坐标轴图例事件鼠标事件交互事件代码触发ECharts中组件的行为监听“空白处”的事件渲染器canvasvssvg
Lvan的前端笔记·2024-01-23 02:20

黑马苍穹外卖学习Day11

文章目录ApacheECharts介绍营业额统计需求分析代码开发用户统计需求分析代码开发订单统计需求分析代码开发销量排名Top10需求分析代码开发ApacheECharts介绍营业额统计需求分析代码开发
Jimmy Ding·2024-01-23 00:51

Echarts中地图不显示问题总结

在引入Echarts后，发现绘制中国地图时map无法显示；这是由于echarts4.9.0以后的版本移除了map地图，而项目中安装的echarts版本为5.4.0。
懒洋洋的华369·2024-01-22 23:59

echarts-wordcloud词云

echarts-wordcloud是基于echarts的一个插件，所以我们要首先安装echarts包，然后再安装echarts-wordcloud的包，这里我的练习项目安装的版本；当然，你可以随意安装你需要的版本
云隙阳光i·2024-01-22 20:11

echarts遇到的问题解决方案

https://echarts.baidu.com/直接去官网找寻合适的图表,但是还是有一些地方需要一些修改满足自己的需求，有时候也会遇到一些问题，这是我使用时遇到的问题的解决方案echarts图表自适应容器在图标对像设置完配置项后监听
这个程序猿可太秀了·2024-01-22 17:27

Async.js异步队列编程库基本使用介绍

AsyncMethods参数collArray|Iterable|AsyncIterable|Object的集合iteratee需要执行的异步函数：有2种方式，普通带回调的函数，在函数之后最后必须调用回调函数传入err和result。如果err为空，则表明当前异步操作成功，将继续下一个异步执行，如果传入err不为空，则整个异步队列任务的状态即为false终止执行下面的任务。(item,callba
叶小七的真命天子·2024-01-22 17:09

react-echarts柱状图坐标显示ToolTip

问题：水平方向的柱状图大小受限，文字需要省略加tooltip提示classdemoextendsReact.component{constructor(props){super(props);this.state={};this.eRef=React.createRef();}//添加事件监听eventListener={'mousemove':(e)=>{this.eRef.current.ge
小乙9527·2024-01-22 14:49

vue项目vue.config.js文件打包 配置、优化配置

constCompressionWebpackPlugin=require('compression-webpack-plugin')//const{registerPreprocessor}=require('echarts
正在起飞得菜鸟·2024-01-22 14:04

一些低温机组的结构和使用介绍

一些低温机组的结构和使用介绍单风机低温冷冻冷藏机组双风机低温冷冻冷藏机组机组安装1安装位置需牢固、平稳2机组周围及顶部需留有足够空间,保证充分的通风通道。
制冷技术咨询与服务·2024-01-22 13:10

懒人必备Jetpack MVVM框架

目录效果图项目依赖使用介绍项目使用的三方库及其简单示例和资料网络请求相关使用介绍谷歌Jetpack框架使用介绍常见问题github地址AndroidJetpackMVVM框架开发，基于AndroidX开发
工程师丶佛爷·2024-01-22 08:27

【GitHub项目推荐-开源的任务管理工具】【转载】

该开源项目使用到Vue、Element-UI、ECharts等技术栈。
旅之灵夫·2024-01-22 06:34

干货」用 Vue + Echarts 打造你的专属可视化界面（下）

公众号:超哥前端小栈掘金：https://juejin.im/user/5a5d4522518825732b19d364/posts接上一篇文章《「干货」用Vue+Echarts打造你的专属可视化界面（
IT修真院·2024-01-22 05:47

记一次Echarts 提示框不展示的BUG tooltip组件

背景忽然有一天，前端一位同事提醒我，咱们的echarts组件为什么提示组件都不能用了？
lihao_李浩·2024-01-22 05:59

echarts 折线图随时间动态添加（能跳动）

文章目录前言具体代码前言这是记录一下echarts的特殊的使用方法。
???xixi·2024-01-22 04:58
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他