echarts
逆风优雅
这个作者很懒,什么都没留下…
展开
-
将数组转换成树形数据
parentId为当前层级结构的父级,devType ,1 表示第一级 ,2 为第二级 3为第三极。处理成树形结构后,变量这个结构,使改结构满足我们要的数据。原创 2023-02-21 14:05:40 · 165 阅读 · 0 评论 -
echarts 树图案例
【代码】echarts 树图案例。原创 2023-02-16 17:46:08 · 2615 阅读 · 0 评论 -
echarts 自定义tooltip提示 的位置
实现tooltip 提示框 始终出现在echarts中的中间位置,不背遮挡。原创 2022-12-26 18:07:42 · 1093 阅读 · 0 评论 -
echarts 雷达图 给tooltip 添加单位
【代码】echarts 雷达图 给tooltip 添加单位。原创 2022-10-14 14:31:17 · 827 阅读 · 0 评论 -
echarts 水球示例
使用echarts水球要先安装水球的依赖。原创 2022-09-05 11:06:30 · 1064 阅读 · 0 评论 -
echarts 柱状图,分别给每个柱子设置不同的颜色
中见竖直的点划线为,markLine ,当markLike超出设定的数值时,颜色变成红色。代码如下:(复制代码,即可查看效果)原创 2022-09-01 14:46:12 · 4254 阅读 · 0 评论 -
echarts 地图 给每个区域设置定位点图标及散点
首先:echarts地图要先准备好,地图的json数据。原创 2022-08-29 18:04:41 · 3442 阅读 · 0 评论 -
echarts 渲染3d地图
echarts 渲染3d地图要先安装依赖 echarts-gl。可以尝试 安装低版本 "echarts-gl": "^1.1.2",但是常常依赖安装失败,这往往是因为 安装的这个依赖的版本太高造成的。原创 2022-08-13 17:17:07 · 1005 阅读 · 0 评论 -
echarts 渲染2d地图
将配置信息添加到 echarts。首先:初始化echarts。其次:找到地图的json数据。再次,地图的配置信息。原创 2022-08-13 17:10:47 · 533 阅读 · 0 评论 -
echarts 标记线markLine的使用
效果图: 在某个值处添加一条分割线。markLine写在 serise中。原创 2022-08-04 13:12:19 · 12100 阅读 · 1 评论 -
echarts formatter {a,b,c,d}的含义及用法
echarts formatter {a,b,c,d}的含义及用法原创 2022-08-04 11:48:16 · 3542 阅读 · 2 评论 -
原生js 中 多处使用同一echarts ,造成页面混乱
在项目中,有很多树形图,点击树形图节点,要弹出另一个echarts图表。因为使用的是同一个图表,仅仅点击接口后,数据不一样。但是这样会造成在图表渲染的时候,数据混乱。解决的方法是:原创 2022-07-12 14:47:38 · 602 阅读 · 0 评论 -
echarts 自定义tooltip提示信息
1. 鼠标移动上去触发tooltip extraCssText 自定义tooltip的样式(包括:大小,颜色,背景 等等)tooltip中使用图片: 2. 鼠标点击触发tooltip原创 2022-07-12 11:50:30 · 2179 阅读 · 0 评论 -
echarts,给legend注册点击事件
echarts图表注册点击事件,要在我们初始化后进行。以vue项目中echarts为例:myChart.on("legendselectchanged",(e)=>{ }) 图例的点击事件 this.myChart = this.$e.init(this.$el); // init dom元素 this.myChart.setOption(this.chartOption, true); // 转载配置信息原创 2022-05-10 15:36:10 · 2952 阅读 · 0 评论 -
echarts图表 vue使用方法
在vue项目中使用echarts,可以通过声明一个类的方式进行。1. 首先使用npm 下载 echarts依赖。2. 声明一个类(echarts公共的类):此处文件名是commion.js代码如下:此代码可以直接复制使用:import * as echarts from "echarts"; // 引入echarts文件import "echarts-liquidfill/src/liquidFill.js";// ecahrts的水球//(因为一些特别的图表,比如水球,需要下载特别的原创 2022-05-10 10:16:37 · 947 阅读 · 0 评论 -
自定义echarts legend图标的展示内容
如下图:代码如下: legend: { icon: "circle", itemWidth: 5, itemHeight: 5, top: 'bottom', left: 'center', orient: 'v.原创 2022-05-07 18:22:04 · 686 阅读 · 0 评论 -
echarts 相关配置项信息(基础)
翻译 2022-04-05 17:29:23 · 90 阅读 · 0 评论 -
echarts 地图 提示信息可以点击
原创 2021-11-18 15:41:56 · 245 阅读 · 0 评论