Echarts
关注
分享
扫一扫
文章平均质量分 72
Windyluna
一枚在 coding 道路上不断前进的程序媛。。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
three.js 报错信息 RGBELoader.js:46 RGBELoader Bad File Format: bad initial token
three.js 报错信息 RGBELoader.js:46 RGBELoader Bad File Format: bad initial token原创 2022-07-29 10:05:56 · 2887 阅读 · 0 评论 -
Echarts 图表放大功能
echarts 图表放大功能原创 2022-04-28 17:57:15 · 8229 阅读 · 0 评论 -
Echarts 象形柱状图（pictorialBar）
Echarts 象形柱状图原创 2022-03-15 17:12:42 · 9270 阅读 · 3 评论 -
Echarts 图表一些细节设置 lenged 双Y轴等
记录一些echarts图表的特殊配置：如设置 lenged 样式、柱状折线复合图的双Y轴对应关系等原创 2022-01-06 10:14:57 · 7737 阅读 · 3 评论 -
Echarts 图表 label 文字过长换行
第一种：formatter: function (value, index) { if (Canbreak) { let arrayText = value.split(""); let text = ""; for (var i = 0; i < arrayText.length; i++) { if (i != arrayText.length - 1) { text += arrayText[i] + "\n"; } else原创 2021-11-25 16:28:02 · 1291 阅读 · 0 评论 -
Echarts 柱状图带虚线网格线 柱状渐变色 柱状阴影区
柱状图背景阴影效果图：实现：<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <div class="lines"> <div id="farmtotel" style="width: 100%; height: 24转载 2021-09-01 11:00:56 · 2304 阅读 · 0 评论 -
Echarts 柱状图 渐变色 自定义配置
最近在做图表，在实现效果的过程中，还是花费了些时间~~~，记录一下以便后续使用效果图：遇到的问题：（1）柱状图渐变色（2）每根柱子添加2px的圆角，柱子上堆叠部分的空白间隙在 series 中再配置 空白柱子（空白间隙）（3）背景虚线yAxis: { name: 'XX项', splitLine: { show: true, // 背景虚线 lineStyle: { type: [5, 7], dashOffset: 5, },原创 2021-09-01 10:10:26 · 2741 阅读 · 2 评论 -
Echarts 折线图 渐变色区域图 十字架
效果图：完整实现：<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> </head> <body> <!-- 折线统计图 --> <div class="row"> <div id="part6" style="width: 1转载 2021-08-31 21:34:33 · 727 阅读 · 0 评论 -
Echarts 环形进度条 环形图嵌套
效果图如下其他效果：效果1：https://blog.csdn.net/weixin_41192581/article/details/104840199效果2：https://www.cnblogs.com/myprogramer/p/12509764.html注意：（1）最内层背景色、白色内框、进度条、外框，都是在 series 里设置 type为pie 的canvas（2）最内层背景色 和 背景色上的文字用 z: 2 和 zlevel: 100 提升层级文字在graphic中设置（原创 2021-08-31 21:20:11 · 3025 阅读 · 0 评论 -
Echarts 折线图 渐变色 不堆叠
好记性不如烂笔头，记录下方便后续使用~~~效果图：注意点：（1）hover 时，背景阴影、自定义提示内容tooltip: { trigger: 'axis', axisPointer: { type: 'shadow', }, formatter: (params) => { console.log('params', params) // // 获取xAxis data中的数据 let dataStr = `<div>原创 2021-08-31 20:49:46 · 2059 阅读 · 0 评论 -
Echarts 环形图 自定义配置
业务需求实现一个圆环图，看着简单，做起来卡卡的……效果图：步骤：1、从echarts官网上复制一个最基本的饼图2、在series中设置饼图的半径 和 饼图的中心(圆心)坐标 形成圆环3、设置圆环渐变色 color 、径向渐变4、图例说明与图表呈横向排列，设置：legend细节点：（1）图例的图标改为圆形（2）图例的图标在左，文字在右（3）右边图例与圆环图位置水平居中（4）自定义图例文字样式，文字之间有间隔，文字颜色尺寸等，使用 rich实现：5、图表的标题始终与圆环图保原创 2021-08-30 18:41:01 · 11901 阅读 · 0 评论