首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在echarts中向下钻取后如何查看上一张图?

在echarts中,向下钻取后可以通过使用echarts提供的API和功能来查看上一张图。具体步骤如下:

  1. 首先,确保你已经在echarts中实现了向下钻取的功能。向下钻取是指在图表中点击某个数据点或者特定的交互元素,进一步展示更详细的数据或者相关信息。
  2. 在向下钻取的过程中,通常会记录下当前图表的状态和数据。你可以通过保存当前图表的状态和数据,以便后续查看上一张图。
  3. 在需要查看上一张图的时候,可以通过调用echarts的API来还原上一张图的状态和数据。具体的API可以根据你使用的echarts版本和具体需求来确定,一般包括设置图表的配置项、数据和样式等。
  4. 通过调用API还原上一张图后,可以重新渲染图表,以展示上一张图的内容。你可以使用echarts提供的方法来重新渲染图表,例如调用setOption方法来设置图表的配置项和数据。

总结:在echarts中向下钻取后,可以通过保存当前图表的状态和数据,并通过调用echarts的API来还原上一张图的状态和数据,从而查看上一张图的内容。具体的API和方法可以根据你使用的echarts版本和具体需求来确定。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

excel旭日_旭日怎么画

进行数据转换第一部分 使用 transform 进行数据转换第二部分 图表中加入交互组件 移动端自适应 数据的视觉映射 ECharts 的事件和行为 动态排序柱状 小例子:自己实现拖拽 小例子:...微信小程序中使用 ECharts 旭日(Sunburst)由多层的环形组成,在数据结构上,内圈是外圈的父节点。...引入相关文件 旭日是 Apache EChartsTM 4.0 新增的图表类型,从 CDN 引入完整版的 echarts.min.js 最简单的旭日 创建旭日需要在 series 配置项声明类型为...它是一个数组,其中的第 0 项表示数据下钻返回上级的图形,其后的每一项分别表示从圆心向外层的层级。...当数据下钻,中间会出现一个用于返回上一层的图形,该图形的样式可以通过 levels[0] 配置。

1.3K30

Oracle BIEE (Business Intelligence) 11g 11.1.1.6.0 学习(4)创建多维钻分析

看上面的sql脚本,比较容易晕,为了更直观的说明各表的关系,这里给一张关系: ?...这是仪表盘的呈现效果,可以JOB标题上点击一下 ? 这里,BIEE会根据维度的层次关系,自动“下钻”到下一个维度(即DEPTNO),如下图: ?...DEPTNO维度下,还有最底层维度EMPNO,还可以继续下钻,如下图(注意一下每次钻,SAL_SUM、EMPNO_COUNT这二列的值会自动更新) ?...不过做这个之前,有一个细节得先处理一下,“人数(EMPNO_COUNT)”是“个位数”级别的(<10),而“工资汇总(SAL_SUM)”是“千位数”级别的,如果二个条形柱显示一张图中,"人数"的柱状高度几乎接近于...把人数放大1000位以后,结果看上去还比较满意 ? 下面是钻过程,图表动态变化的几张截图: ? 下钻到DEPTNO维度时的截图 ? 下钻到最底层EMPNO时的截图 ?

1K90
  • 第三方工具 - 关于echarts下钻功能的一些总结.js

    ---------------------------$O_O$--------------------------- echarts下钻:就是点击echarts图表,让图表展开更详细的下一级数据。...下图是echats官网做的一个实验: ? ?  下图是返回的参数部分合照: ? 有木有感觉echats团队掏心掏肺的把能给的都给返回了?!省了不少事。...有了他们,你就可以精确的知道用户点击了那个柱的什么数据,知道用户要什么自然接下来就知道返给他们什么了。然后去后台把数据拿回来,再塞到图表展示给用户看。。。...因为数据没回来之前,饼啥的还好,柱和线图(有x、y轴的),就只有两根线比较丑。...窃窃私语:这只是很简陋的一个下钻思路,真正做下钻的时候,可能用户点击你拿到的返回参数需要经过处理再返给后台,而这就需要用户点击的下标,并且把上次返回的数据保存下来用于查找具体值啥的。

    1.6K50

    ECharts 迎来重大更新,运行时包体积可减少 98%!

    在这个版本,我们: 增强了代码的 ESM 识别,对 Node.js 环境开发更加友好; 为服务端渲染方案提供了一个 gzip 仅 1KB 的轻量运行时,极大地降低了加载时间; 为数据下钻支持了过渡动画...以前,ECharts npm(npm 包的 lib 目录)导出 *.esm 文件。...以这个带标题的饼图为例,如果按客户端仅打包饼和标题组件的方案,gzip 需要 135KB;如果按服务端渲染的方案,渲染结果 SVG gzip 1 KB、客户端运行时 gzip 1KB,仅为前者体积的...数据下钻支持过渡动画 5.5.0 版本,我们新增了 childGroupId 配置项,可以实现数据下钻的过渡动画功能。...当用户点击图表的数据元素时,图表会以过渡动画的形式展示下钻的数据。 开发者只需要指定 groupId 和 childGroupId,ECharts 就会自动处理层级关系,实现过渡动画。

    88610

    echarts 旭日_ECHARTS

    引入相关文件 旭日ECharts 4.0 新增的图表类型,需要引入完整版的 echarts.min.js 最简单的旭日 创建旭日需要在 series 配置项声明类型为 ‘sunburst’...旭日图中,扇形块的颜色有以下三种设置方式: series.data.itemStyle 设置每个扇形块的样式; series.levels.itemStyle 设置每一层的样式; series.itemStyle...设置整个旭日的样式。...它是一个数组,其中的第 0 项表示数据下钻返回上级的图形,其后的每一项分别表示从圆心向外层的层级。...数据下钻 旭日默认支持数据下钻,也就是说,当点击了扇形块之后,将以该扇形块的数据作为根节点,便于进一步了解该数据的细节。 <!

    1.9K10

    低代码可视化报表-积木报表,JimuReport v1.5.2版本发布

    issues/I59V3Z行号函数row()不好使issues/I5AF6Y升级1.5.0导出PDF, 出现图片遮挡边框线条issues/I5BIB3报表下钻时返回上一页下拉树参数回显有问题issues...min,一列上面有null时,最小值永远是0issues/I5CD7F钻取报表添加条件后点击进入超链接报错issues/1093钻联动条件框取值问题issues/1089针对数据为空和异常,返回不同的提示...同时支持表达式,自动计算合计等功能,使计算工作量降低开发效率很高,傻瓜式在线报表设计,一分钟设计一个报表,又简单又强大支持 ECharts,目前支持28种图表,在线拖拽设计,支持SQL和API两种数据源支持分组...│ ├─预览│ │ ├─打印页码设置├─大屏设计器│ ├─系统功能│ │ ├─静态数据源和动态数据源设置│ │ ├─基础功能│ │ └─支持拖拽设计│ │ └─支持增、删、改、大屏...│ ├─选项卡│ │ ├─万能组件└─其他模块 └─更多功能开发。。

    67230

    POWER BI系统使用之钻实现

    正文 钻:钻是改变维的层次,变换分析的粒度。它包括向上钻(roll up)和向下钻(drill down)。...向下钻就相反啦,即获取下一层级的数据情况。...例如:我们知道商品有分类,生活用品,学习用品,烟酒饮料类等等,商品都有自己属于的一个品类,而品类包含了许多商品,若当前显示的是某超市各个品类的销售额,我们要想知道品类具体商品的销售额,获取数据的这过程就叫向下钻...今天以向下钻为例——获取 2010年广州门店“杯具”品类具体商品的收入,步骤如下: 1. 登录 1° 一张大家快看吐的登录界面~ ?...3. 2010年广州门店各品类的收入条形 ? 做完,保存,然后返回至新建报表 4. 创建要钻的下一层级表 1° 汇总收入 ? ?

    2.3K20

    灯塔DataTalk——如同乐高,这是一个开放自由的数据可视化世界

    如何快速去完成一个心仪的图形呢?...和卡 建设组件市场,让更多用户所编写的创意组件沉淀下来,让更多的同学可以使用 Dashboard配置 下面是配置一张报表卡流程: 画布 根据对比和调查发现,目前普遍为两大类型画布:自由画布和栅格画布...每一个数据应用都由一张张数据看板组合而成,每一个数据看板,都是由一张张数据卡组合而成。而每张卡的数据可能来源于不同的指标和维度,也可能来自于不同的数据源。...然而真实的业务场景会存在全局筛选过滤、局部过滤、数据下钻、数据联动等功能,而这些数据之间的交互DataTalk是通过【变量】去实现。...变量的结构和流程如下: 07 联动和下钻 推送 配置好的报表肯定需要定期的推送能力,DataTalk我们支持邮箱、企业微信、企业微信群等渠道进行推送配置。

    2.1K30

    无一生还的外企 PowerBI 面试题考了啥

    如下: PowerBI ,筛选非常重要,一共有多少种筛选? 这题目的确是表面看上去很基础,但实际细细想来,却不敢贸然回答。 这个题目,可以说是一个题中题,将一个非常基础的概念提升到非常本质的境地。...这种筛选交互过程中发生,故称为交互式筛选。 6.向下钻 从高层级低层级筛选,如下: ? 向下钻,只会保留父级的子级。 7.向下扩展(不带父级) 从高层直接向下展开,如下: ?...9.向下钻交互筛选 这是一个默认行为,指的是当发生下钻行为时,其他视觉对象是否会受到影响,默认是会受到影响,如下: ? 可以进一步设置影响的范围。...实际应用,并不多见,这将:钻和跨报告结合在一起会增加项目的复杂度,用户也会发晕,所以,很少应用。 14.URL参数筛选 这更是 URL 中加入了可以控制筛选的机制,如下: ?...充分阐述了筛选,如果再加上如何控制筛选的阐述,相信面试者能够更多共鸣,而对本质的揭露的透彻如果超过了面试者的预期,那么,也许可以通过这个基础而又蕴含深度的面试题。

    2.1K42

    【Quick BI VS Power BI】(四)

    数据集组合支持仪表板、数据大屏和电子表格中使用,不支持自助数和即席分析。 不支持使用数据集组合的图表: 仪表板的明细表、指标拆解树、指标关系。 电子表格的明细数据。 数据大屏的明细表。...使用数据集组合的图表,不支持的功能: 钻、监控告警、数据集替换、波动分析、自动见解、智能问答。 使用数据集组合的图表,不支持的图表能力: 交叉表的小计。 线图的添加数据对比。...2 钻 Qbi钻效果如下图所示。部分图表类型,比如饼、环形等,支持长按图表下钻。...5 事件 Quick BI,交叉表支持数据填报和钉钉两种事件。交叉表添加数据填报事件,则可以将数据内容录入到目标数据库,完成数据填报。...交叉表添加钉钉事件时,则可以移动端将数据内容通过Ding、待办、日程方式发送给钉钉用户。

    48811

    免费的可视化Web报表工具,JimuReport v1.5.0-beta版本发布

    #881 1.4.4 字典单选下拉问题#866 字典无效,将名称作为参数而没有数据值#I50J2C 饼图上显示各分类数值#I50IKB 关于customGroup分组问题#836 数据源选择oracle...同时支持表达式,自动计算合计等功能,使计算工作量降低 开发效率很高,傻瓜式在线报表设计,一分钟设计一个报表,又简单又强大 支持 ECharts,目前支持28种图表,在线拖拽设计,支持SQL和API两种数据源...├─支持对单元格内容或格式的复制、粘贴和删除等功能 │ │ ├─等等 │ ├─报表元素 │ │ ├─文本类型:直接写文本;支持数值类型的文本设置小数位数 │ │ ├─图片类型:支持上传一张图表...│ │ ├─打印页码设置 ├─大屏设计器 │ ├─系统功能 │ │ ├─静态数据源和动态数据源设置 │ │ ├─基础功能 │ │ └─支持拖拽设计 │ │ └─支持增、删、改、大屏...│ │ ├─表格 │ │ ├─选项卡 │ │ ├─万能组件 └─其他模块 └─更多功能开发。。

    51340

    Excel省市交叉销售地图

    效果如图: 曾经在学习完该图表的完整制作方法,曾请教过刘老师有没有从全国各省下钻到省内各地市的图表,但是很遗憾。...在理工男旺盛的好奇心、完成工作任务的成就感双重驱动下,历经周折,多次试错,最终我成功做出了带有下钻功能的地图,下钻可查看省内城市的流向(也即所谓原文中的迁徙地图),效果如图: 下面,请和我一起看看是如何实现的吧...---- ---- 2.3组合散点图和气泡:新建一张新的工作表,命名为“省市交叉销售”,进行两者的组合。...A:A,0)) Step:3:”各省交叉销售地图“工作表随便插入一张图片,调好尺寸。将其设置为”=交叉销售“,即完成了通过名称动态引用图片的操作。...3)切换省份,城市清单表有更新,故需更新其透视表以及其切片器。

    5.6K10

    指标异常监控与告警根因分析

    作者:马蕾,腾讯高级工程师 前言 我们日常工作,做了很多线上指标统计。统计线上指标的意义, AB 阶段是评估算法效果收益,全量上线是监控线上服务质量,及时发现并定位解决问题。...本文主要分享指标的监控和告警分析的一些经验,如何提升告警发生的根因分析效率。 近期部门大力推广数字化,各个业务的报表都统一到 Grafana 平台展示。...再往后看,会发现第一张的驳回绿色曲线 19 号之后还有一波上涨,而红色曲线 19 号之后开始下降,可以知道两者其实无因果关系。...比如路线单方案率是路线整体指标的一个,整体页面,单方案率指标可以增加一个跳转链接到单方案率的详情页面,跳转的页面有下钻的详细数据。加完的链接会如下图所示出现在左上角。 ?...右下钻的效果,右图表接收了左图传过来的参数 highway,展示了 highway 这个类别从距离维度下钻的数据。 ? ? 总结 异常监控: 指标异常监控告警阈值目前用的是 3σ- 准则。

    4.5K31

    Django+Echarts画图实例

    所有演示均基于Django2.0 阅读此篇文章你可以: 了解Djangoaggregate和annotate函数的使用方法 获取一个Django+Echarts绘制柱状的完整示例 需求说明 一张会议记录表...,里边有一个字段存放会议举行的地点,例如北京、上海、洛阳等等,需要举行会议最多的前20个地点绘制成柱状展示,项目为前后端分离的架构 需求分析 看了需求主要有三个关键点: 1....需要绘制成柱状:绘制图表的第三方插件有很多,我们这里就选择百度开源的echarts,简单好用且功能强大 3....举行会议最多的前20个地点:了解一点SQL知识的话就知道需要先要对地点字段进行group by,然后order by desc倒序,最后limit前20 那么Django应该如何group by...event_location" ORDER BY "id__count" DESC 最后limit前二十,Djangolimit可以直接通过QuerySet结果加python的数组切片语法来实现,

    2K20

    ECharts】数据量差距大

    本文链接:https://ligang.blog.csdn.net/article/details/80455216 echarts图表展示时,会遇到数据量差距过大的情况,出现这种情况,过小的数据往往会影响交互...柱状、折线图之类的可以使用log轴,修改type: 'log'可以解决问题;如果是饼可以采用minAngle来防止某个值过小导致扇区太小影响交互。Issue#6767 ?...同时,x不能<=1;这里需要说明的是,echarts最新版本[v4.1.0],对于0<x<10<x<10<x<1做了处理,会按照原始值渲染;但是对于x=0(负无穷)x=0(负无穷...关于存在数据为0的情况,Math.log(0)为 -Infinity,官方Issue给出的建议是修改为一个很小的数字,比如0.01 Issue3161 综上所述,我们不能使用log轴处理,只能使用value...: true, data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, 问题:x轴获取的数据和触发item获取的数据对象不一致,如果需要下钻传递参数可能存在问题

    2.7K31
    领券