![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
数据可视化
文章平均质量分 83
数据可视化
Lvan的前端笔记
十年磨一剑
展开
-
echarts:一个复杂的瀑布图制作
分析一下这个需求,主要有几个难点:答:echarts 官方 把这种柱子叫瀑布图,实现的原理就是使用一个透明的柱子给他顶起来。我直接搬过来原文。我本来想到的是 y 轴的 type 设置为 time但是做着做着,发现不行,我们做瀑布图要用到 stack,而 stack 不支持 type = time那就只能用 type = value 了,也就是要把时间转化为一个数值,比如在上面的图中,最底部是 13:00,我们先以 13:00 为 0,那么 12:00 就是 1,11:00 就是 2,以此类推。那么原创 2024-02-06 11:51:44 · 1672 阅读 · 0 评论 -
echarts:折线图的常用操作
echarts:折线图的常用操作原创 2024-01-24 15:29:36 · 1384 阅读 · 0 评论 -
echarts:柱状图的常用操作
柱状图的常用操作原创 2024-01-24 11:38:00 · 2234 阅读 · 0 评论 -
echars:图表中核心的概念
echars:图表中核心的概念原创 2024-01-22 18:02:20 · 1319 阅读 · 0 评论 -
canvas:使用canvas画一个半圆
玩转canvas圆弧API原创 2024-01-12 15:26:59 · 1628 阅读 · 0 评论 -
echars:时间轴滑动选择器的使用
// 时间轴滑动选择器dataZoom: [ { type: 'slider' }],// x轴xAxis: { data: []},原创 2020-12-21 16:40:49 · 692 阅读 · 0 评论 -
echars:旋转文字
// x轴xAxis: { data: [], axisLabel: { // 这里是x轴文字旋转 rotate: -90 }},// 系列series: [ { name: '医生', type: 'bar', data: [], label: { normal: { show: true, // 关键 rotate: 90, // 距离柱状图位置原创 2020-12-21 16:04:27 · 1004 阅读 · 0 评论 -
echars:合并柱状图
series: [ { name: '医生', type: 'bar', data: [], stack: 'days' }, { name: '患者', type: 'bar', data: [], stack: 'days' }]当 stack 属性 对应的值一样就可以实现合并原创 2020-12-21 15:57:22 · 337 阅读 · 0 评论 -
引入echars5.0报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
问题引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决引入方式改为import * as echarts from 'echarts';// 或const echarts = require('echarts');原创 2020-12-21 15:00:58 · 34580 阅读 · 28 评论