开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何从legendItemRollover触发融合图表向下钻取事件以显示链接图表

从legendItemRollover触发融合图表向下钻取事件以显示链接图表的过程如下：

融合图表是一种将多个图表类型（如折线图、柱状图、饼图等）组合在一起展示的图表形式。legendItemRollover是指当鼠标悬停在融合图表的图例项上时触发的事件。
为了实现从legendItemRollover触发融合图表向下钻取事件，首先需要在融合图表的配置中设置相关的事件监听器。
在legendItemRollover事件监听器中，可以通过编程的方式获取到当前鼠标悬停的图例项的信息，例如图例项的名称、索引等。
根据获取到的图例项信息，可以根据业务需求决定下钻的方式和目标。
下钻的方式可以是展示一个链接图表，该链接图表可以是一个新的融合图表，也可以是其他类型的图表，如关联的详细数据表格等。
在展示链接图表时，可以使用腾讯云的相关产品来实现。例如，可以使用腾讯云的云原生服务来部署和管理链接图表所需的后端服务，使用腾讯云的数据库服务来存储和查询相关数据，使用腾讯云的CDN加速服务来提高链接图表的访问速度等。
在答案中，可以推荐腾讯云的相关产品来实现上述功能。例如，推荐使用腾讯云的云原生服务（https://cloud.tencent.com/product/tke）来部署和管理链接图表所需的后端服务，推荐使用腾讯云的数据库服务（https://cloud.tencent.com/product/cdb）来存储和查询相关数据，推荐使用腾讯云的CDN加速服务（https://cloud.tencent.com/product/cdn）来提高链接图表的访问速度等。

总结：通过设置legendItemRollover事件监听器，在鼠标悬停在融合图表的图例项上时触发事件，可以实现从融合图表向下钻取并展示链接图表的功能。在实现过程中，可以利用腾讯云的相关产品来支持后端服务部署、数据存储和查询、访问加速等需求。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

121.精读《前端与 BI》

事件中心是渲染引擎部分，此功能在编辑状态需要禁用。这个功能可以实现图表联动、上卷下钻等数据能力。...，包括基本的系统事件 system，比如定时器或者初始化自动触发；组件的回调 callback 比如当按钮被点击时；事件监听 listener 比如另一个事件被触发时，这个事件可能来自于 action。...action 即事件响应，包括基本的事件触发 dispatch，可以触发其他事件，可以构成一个事件链路；其他的 action 就是数据相关，可以用来做条件联动、字段联动、数据集联动等等，因为实现各异这里不做介绍...事件机制还需要支持值传递，即事件触发源的值可以传递到事件响应方。值传递可以在触发源内部进行，比如当触发源是回调函数时，函数参数就自然作为值传递过去，触发源通过 ...args 方式接收。...数据钻取的计算过程不在图表内部处理，而是触发一个状态后，由渲染引擎将这个层系字段实例状态改为下钻到第 N 层，并且每下钻一次就多拿到一列的数据，由图表组件进行下钻展示。

1K2 0

【Quick BI VS Power BI】（四）

可能是因为基于网页上操作的原因，为减轻数据压力，Qbi默认关闭了数据实时查询和图表之间的联动交互。但即使开启了实时查询等，Qbi图表的字段变动后，仍需要点击【更新】按钮才会显示变动后的结果。...2 钻取 Qbi钻取效果如下图所示。部分图表类型，比如饼图、环形图等，支持长按图表下钻。...从下图可以看到，因为左下角显示了层级结构导航，所以Qbi的下钻和上钻可以直接点击实现，操作步骤比Pbi更便捷。Pbi的下钻和上钻都要右键再选择。可能因为单击让位于图表关联。...Pbi在多个地方可以设置跳转功能，比如以浮窗显示的工具提示页，或者设置跨页面钻取，或者在表格矩阵里通过条件格式设置外部链接、或者通过按钮增加跳转功能。...5 事件 Quick BI中，交叉表支持数据填报和钉钉两种事件。在交叉表中添加数据填报事件，则可以将数据内容录入到目标数据库中，完成数据填报。

4241 1

什么是交互式分析

用户使用交互式分析不仅可以显示或隐藏报表中的内容，也可以通过点击其中的链接访问其他报表或对象。交互式分析是动态的，用户也可以按照自身的需求动态定义数据呈现。...数据钻取分析图表之间能具有消息互传机制，实现图表联动；图表支持数据的向下钻取分析，支持层层挖掘和图表穿透；通过主题导航树实现图表资源的管理，可灵活配置个性化的图表资源。...钻取是改变维的层次，变化分析的粒度。它包括向上钻取和向下钻取。向上钻取是从微观到宏观的分析方法，将低层次的细节数据概括到高层次的汇总数据，或减少维数，是自动生成汇总行的分析方法。...而向下钻取则相反，是从宏观到微观的分析方法，它从汇总数据深入到细节数据进行观察或增加新维。通过钻取，使用户对数据的了解更深入，更容易发现问题，做出正确的决策。...图表修饰一个精美的统计图的制作需要在颜色、字体、标签、标题、图例上进行适当的修饰和搭配，常用的图表修饰主要有以下几类：基本属性：字体、标题、背景颜色图表属性：显示方式、显示值属性、超级链接网格属性：设置图片背景网格线数据属性

1661 0

看完这篇，成为Grafana高手！

，效果如下图这样的设置其实和整个面板设置link类似，因此不同的data links 最好和override属性搭配，来进行个性化的数据链接跳转，以达到不通数据跳转不同链接的目的。...A中设置跳转到模板看板B的链接，链接上引用我们设置或者是查询的变量内容跳转至目标模板数据看板B时，模板看板B获取从link上带过来的变量值变量赋值，模板看板B根据变量值刷新数据查询经过上面的步骤，...那么如何从跳转过来的link上获取到携带过来的变量的值呢？...于是实现一个的数据下钻整体流程都变得清晰了，下面我们还是以上文的例子来构造一个简单的数据下钻的例子构造一个整体的page render数据看板A 将数据格式以table的形式展现，整体性的展示当天项目的...实现看板之间的联动配置数据看板A的data link, 使得每一行数据可以进行下钻详情展示经过上述步骤，就完成可一个简单的数据下钻，实现可一个项目page render过程的整体数据的可视化，并且可以点击具体加载事件查看该事件详细的数据分布趋势

4.8K4 1

应用系统中交互式报表功能解析

从报表需求的整个发展历程来看，可以分为两个阶段： 1、静态报表：解决显示、打印、导出报表数据的需要。...2、交互式报表：解决终端用户分析数据的需要，通常会用到数据可视化、向下钻取、贯穿钻取、数据过滤、数据排序等功能。这篇文章主要介绍ActiveReports中交互式报表中常用到的数据分析方法。...早期的数据可视化以图表（Chart）为主，现代商业报表中逐渐加入迷离图（Sparkline）、数据条（Bullet）、图标集（Icon）、仪表盘（Gauge）、地图（Map）用于数据可视化，而数据可视化常用作交互式报表的基本载体...(二) 向下钻取向下钻取是根据终端用户的需求，动态的显示或隐藏报表数据，常用于汇总类型报表。向下钻取报表在设计模板时，所有的数据显示均在同一个报表内完成。...常见的一级报表可以使用交互式图表来实现，通过点击图表区域可以跳转至二级报表。实现步骤。 ? (四) 数据过滤动态过滤是在运行时为用户提供数据过滤的功能，用户可以根据自己的需要选择关系的数据进行查看。

80610 0

基于Grafana数据钻取功能构建详细数据展现方案

对于监控大数据的分析场景涉及到从粗到细的场景较多，简单来说就是从统计类指标到详细的某个事件。例如五分钟内异常退出100个用户，然后可能需要获取到100个用户所属的服务器或输出每个用户的异常退出信息。...Grafana使用数据钻取的功能获取更深层次的数据信息的方式比较简单，我们可以从统计指标先开始。统计指标直接使用Table进行画图。输出数据信息后选择需要添加链接的字段。...Variables有多种设置方式，但是由于版本信息是从统计信息获取的，当前选择一个Text box进行传递吧。Variables中的Name即为要传递的参数值。Lable为显示的名称。...正常来说都是从粗的粒度分析到更加细节的粒度。数据钻取包含向上钻取与向下钻取。向上钻取实现的是从细节数据到统计数据的转换，或者维度的较少。...向下钻取则正好相反，从统计类的指标数据或向导统计类的数据到细节类的数据分析展现或增加新维。在分析领域，我们实现对于不同层次的数据报表能够更加清晰的分析到问题结果。

2.4K1 0

大数据分析工具Power BI（十八）：图表交互设计

以上三种筛选器的影响范围是由小到大的，只是影响范围不同，使用方法一样，下面以"此页上的筛选器"为例来演示筛选器的使用：1、筛选器介绍针对前面绘制的"对比分析"页面上的图表进行数据筛选操作，将"套餐价格"...向上钻取:一层层向上钻取，日->月->季->年向下钻取:点击向下钻取后，会进入"深化模式"，在图上可以一层层进行点击数据进行深化，年->季->月->日。...钻取下一级别：与向下钻取一样，手动选择某个级别一层层钻取下一级别，展示下一级别中全部数据。...如果我们想在鼠标悬浮到图表上展示更多信息可以向"工具提示"中添加想要展示的字段，再次展示数据时可以看到添加的字段，不影响图表本身，但是工具提示中的字段不宜过多，否则不能展示重点信息此外，我们还可以在鼠标悬浮到图表上时展示其他图表信息...突出显示： Power BI中默认的交互关系，我们可以点击每个图表中对应的"突出显示"关系回到原来的展示方式。

1.5K12 2

excel旭日图_旭日图怎么画

移动端自适应数据的视觉映射 ECharts 中的事件和行为动态排序柱状图小例子：自己实现拖拽小例子：实现日历图旭日图自定义系列富文本标签服务端渲染使用 Canvas 或者 SVG 渲染...引入相关文件旭日图是 Apache EChartsTM 4.0 新增的图表类型，从 CDN 引入完整版的 echarts.min.js 最简单的旭日图创建旭日图需要在 series 配置项中声明类型为...它是一个数组，其中的第 0 项表示数据下钻后返回上级的图形，其后的每一项分别表示从圆心向外层的层级。...如果不需要数据下钻功能，可以通过将 nodeClick 设置为 false 关闭；或者将其设为 ‘link’，并将 data.link 设为点击扇形块对应打开的链接。...通过这种方式，可以很方便地实现突出显示相关数据的需求。

1.3K3 0

【原创】说好的暴雨呢，搁哪呢？还能不能雨～露～均～沾？

4、如何设置图表颜色 1）最基本的图表线条（或柱形等），是通过 colors 来设置的，即 colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c...5、如何将图表中的英文汉化（显示成中文）？ ? 即设置 lang 属性，改属于用于图表中文字的显示，也就是说，图表中所有文字的修改都可以通过该属性下来设置。 ?...6、如何去掉图例单击事件？...states: { hover: { enabled: false } } } } 8、跨图表类型下钻...（例：饼图下钻后以柱形图显示） addSeries() 的时候设置下钻图表类型 chart.addSeries({ name: name, data:

2.7K6 0

企业数据应用建设的有效推进策略总结——让领导看得见用得上

如何具体落地该策略，本文基于真实项目实践，总结几点认识和做法，抛砖引玉，希望对大家能有所启示。在众多实践案例中，可以发现数据应用项目的价值实现程度与对接领导的级别成正相关关系。...一方面结合图表的下钻和跳转，打破了目录式布局依靠目录编排整合而非依据业务逻辑自主探索联动的弊端；另一方面结合图表的高亮和渲染，实现对异常数据、关键数据的突出显示，更快定位问题并根据问题数据下钻探索问题原因...模式3 推送预警模式推送预警模式能够极大的强化领导对平台的使用习惯，可以是通过调度功能定时推送，也可以是通过预警功能触发推送。...使用数据应用平台的调度功能和预警功能，系统可以主动将领导需要关注的通报数据和预警数据通过邮件、报告链接、企业微信、短信等方式推送给领导。...如上图所示，很多数据应用场景都可以进行产品化设计和开发，让数据应用与实际业务产生更深度的融合。

3102 0

166. 精读《BI 搭建 - 筛选条件》

筛选组件是如何作用的我们最常见的筛选条件就是表单场景的查询控件，如下图所示：若干 “具有输出能力” 的组件作为筛选组件，点击查询按钮时触发其作用组件重新取数。...至于目标组件触发取数后，是否立即修改其筛选值，进而触发后续的筛选联动，就完全由业务特性决定了。一个组件也可以自己联动自己筛选，比如折线图点击下钻的场景，就是自己触发了筛选，作用到自己的例子。...扩大想一想，其实普通的按钮、表格、折线图等等具有展示属性的组件也具有输入特性的一面，比如按钮被点击时触发查询、单元格被点击时想查询当前城市的数据趋势、折线图某条线被点击时希望自身从年下钻到月等等。...实现展示类组件到展示类组件的筛选，属于图表联动图表的高级功能。实现输入类组件到输入类组件的筛选，属于筛选联动功能。实现组件自身到自身的筛选，实现下钻功能。...组件如何感知筛选条件组件取数是结合了筛选条件一起的，只要如上设置了 filterFetch，渲染引擎会自动在计算取数参数的回调函数 getFetchParam 中添加 filters 代表筛选组件信息

9372 0

117.精读《Tableau 探索式模型》

笔者从三个方面说说自己的理解：探索式分析思路中，不关心图表是什么，也不关心图表如何展示，因此图表是千变万化的，比如折线图可以横过来，条形图也可以变成柱状图，因此你将维度放到列，就是一个柱状图，你将维度放到行...而标记往往是改变图表中辅助性元素，比如文字或者颜色等等。工具提示不影响任何图像显示，仅仅在提示信息中新增字段信息。...，所以图表是完全数据驱动的：一般来说如果属性存在下钻关系会如何呢？...柱折面饼、散点/象限图都是直角坐标系的图形，以维度字段作为维度轴，以度量字段作为度量轴。行列的下钻在行或列存在多个维度字段时，图表要进行相应下钻。...层系的下钻层系字段下钻与拖多个字段表现一致，但由于存在父子关系，因此在图表上可以展现出 “展开” “收起” 按钮，点击后并不是对图表本身进行操作，而是发送一个事件对 “行” 进行操作，最后通过数据驱动完成展开或收起动作

2.4K2 0

什么是见解、如何实现算法见解？| Mixlab智能可视化系列

当你在 Excel 中输入这个问题，Excel 将立即“意会”，把“服装”分类下不同产品的销售量数据，以可视化图表的方式呈现在你眼前。在新技术落地过程中，必须处理好技术与产品之间的关系。...- 算法见解如何实现见解是有一定的模式的（套路）因而是可以被算法所实现的 Power BI Desktop 为我们展示了2种可被算法实现的见解：解释图表中的波动发现分配发生变化的位置 - 解释图表中的波动...（这实际上强调了将该列选为关注列的原因）图7 -发现分配发生变化的位置在图表中，你通常会看到一个数据点那如何知道不同类别的分布是否相同呢？下图显示了不同国家/地区的总销售额。...算法见解，可以完成的工作 - 见解是数据下钻分析的一种过程，从数据的更大维度看大规律，从数据的下一个维度解释原因；比如本例中的所有类别的销量是最大的一个维度，下钻之后，则是计算机、家用电器、电视、音响等下一个维度的观察...- 找出分布的不同之处只需下钻到每个类别，然后对比总的分布，找出不同的类别； - 见解的图表提供多种形式的切换，并提供反馈功能，以收集数据改进自动见解的功能。 - 还可以发现哪些类型的见解？

9744 0

图扑数字孪生青岛城轨，赋能智慧交通低碳发展

初始界面以三维中国地图为背景，以青岛为基点，选以宏观视角突出城市整体城轨线网布局，再下钻至各站点查看对应车站的运行状态，场景过度顺滑尤为自然。...通过感知元件叠加图扑软件丰富的可视化图表和动画效果，归集各线路中关键人员、设备、紧急事件、预警告警等动态运作参数，展示于两侧 2D 组态面板中，为城轨线网多维度运维需求，提供简洁清晰的数据阐述。...基于空间、时间、指标等多个维度，搭建各类焦点事件阈值告警触发规则，当超过性能既定阈值指标时，以定位闪烁方式来告知管理人员问题位置，搭配 2D 组态面板弹窗显示故障原因。...智慧城轨可视化解决方案凭借先进的人机交互方式，实现数据融合、数据显示、数据监测等多种功能。可普遍应用于轻轨、地铁、有轨电车、磁浮、单轨等轨道交通系统监控管理。...形成从整体到局部、从地表到地下、从静态到动态、从单系统到多系统、从室内到室外的应用价值共享。为城轨交通加快绿色低碳转型、提高能效水平、推进城轨行业做好“碳达峰、碳中和”工作提供数据支撑。

1.1K5 0

Seal-Report: 开放式数据库报表工具

原生数据透视表：只需将元素直接拖放到数据透视表（交叉选项卡）中，并将其显示在报表中。 HTML 5图表：用鼠标点击两次即可定义和显示图表系列（支持ChartJS、NVD3和Plotly库）。...KPI和小部件视图：在单个报告中创建和显示关键性能指标。使用Razor引擎进行完全响应和HTML呈现：在报告结果中使用HTML5的功能（布局、响应性、表排序和过滤）。...报表调度程序：在文件夹、FTP、SFTP服务器中调度报表执行并生成结果，或通过电子邮件发送（与Windows任务调度程序集成或作为服务提供）向下钻取导航和子报告：在报告结果中导航以钻取到详细信息或执行另一个报告...报告任务：定义执行批处理操作（数据加载、excel加载、备份、数据处理等）或从外部程序集触发过程的任务。低TCO（总体拥有成本）：该产品旨在将日常维护降至最低。...模型定义如何从单个 SQL 语句生成结果集（数据表）和序列。视图用于使用 Razor 解析和呈现从模型生成 HTML 文档。可以定义输出和计划以自动生成报告（例如，每天早上发送电子邮件）。

2.4K2 0

有赞BI平台实现原理

如何从海量数据中高效地挖掘数据的价值，并对数据进行可视化分析与展示，是我们亟待解决的问题。...图1.4 添加数据集这里的数据集是一段逻辑SQL，相当于后续图表取数的table。...图1.9 图表类型-3 桑基图又称能量分流图，表示一组值向另一组值的流向，可以方便地展现数据流动的方向。...雷达图又称蜘蛛网图，是用于表现多维数据的图表，各维的数据映射到以圆心为起点，以圆周边缘为终点的坐标轴上，将同维的点用线连接，组成雷达图，雷达图所围面积是观察数据的关注点。词云，又称文字云。...2.8 图表推送为方便用户对数据的及时了解，用户无需登录BI平台查看报表，只需要在BI平台上配置推送的信息，如何时推送，以什么形式推送等，收件人便可以在配置的时间点收到报表数据的推送，提升用户对数据的感知度

1.8K1 0

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

，对如何提升根因分析效率的思考；第三部分是如何在指标展示平台上设计页面的思考总结。...比如路线单方案率是路线整体指标中的一个，在整体页面中，单方案率指标可以增加一个跳转链接到单方案率的详情页面，跳转后的页面有下钻的详细数据。加完的链接会如下图所示出现在左上角。 ?...第二步，下钻跳转的页面中的图表的 SQL 用页面的变量筛选，如下图的图表对应的 SQL，用了页面中的两个变量过滤: ? 第三步，需要下钻的图表，增加 Data Link。...结果示例：下方左图是需要下钻的图表，加了 Datalink 后，点击曲线会在下方显示这个曲线对应链接的名称，点击它即可跳转到下钻页面。...右图是下钻后的效果，右图图表接收了左图传过来的参数 highway，展示了 highway 这个类别从距离维度下钻的数据。 ? ? 总结异常监控：指标异常监控告警阈值目前用的是 3σ- 准则。

4.4K3 1

Excel省市交叉销售地图

效果如图：曾经在学习完该图表的完整制作方法后，曾请教过刘老师有没有从全国各省下钻到省内各地市的图表，但是很遗憾。...在理工男旺盛的好奇心、完成工作任务的成就感双重驱动下，历经周折，多次试错，最终我成功做出了带有下钻功能的地图，下钻后可查看省内城市的流向（也即所谓原文中的迁徙地图），效果如图：下面，请和我一起看看是如何实现的吧...步骤四：编写VBA代码实现从省到市的钻取功能： ---- 将该宏赋给“转到各省交叉销售地图“宏按钮即可。 ‍...最终实现通过宏按钮从省到市的下钻效果。 2)因为这里需要计算省外的数值，但在生成省市射线图和气泡图的时候，不同的省份，“省外”位置是不固定的。...A1: 这样便可以计算出下表中，省外的倾入倾出数值，并将其显示在下表中。 3)在切换省份后，城市清单表有更新，故需更新其透视表以及其切片器。

5.6K1 0

Cube.js 试试这个新的数据分析开源工具

它帮助数据工程师和应用程序开发人员从现代数据存储中访问数据，将其组织为一致的定义，并将其交付给每个应用程序。...选择一个以生成数据模式。生成架构后，您可以在“构建”选项卡上执行查询。...Cube.js 最强大的功能之一，可显着提高仪表板和报告等应用程序的性能构建一个开源的 Mixpanel 替代方案— 关于使用 Cube.js 构建生产就绪应用程序的两部分系列：第 1 部分：收集和显示事件...，第 2 部分：转换漏斗 4.2 特征特征故事案例向下钻取引入向下钻取表 API 演示比较日期范围比较不同时间段的数据演示数据混合引入数据混合 API 演示实时数据获取实时仪表板指南...：工具教程演示 D3.js D3仪表板教程演示谷歌图表谷歌图表仪表板演示 Highcharts React Highcharts 示例演示 Material UI 带有React的MaterialUI

3.1K2 0

分享：数据产品开发前的必修课

有对比才有信息，有信息才有价值销售总监向ceo汇报：“上个季度我们销量是100单”。这话其实是没有信息量的。...如图，订单量从纵向和横向（不同规模客户）进行了对比。...时间维度不仅要优先，还要区分时间段和显示颗粒度（图表横坐标上标签的密度）两个概念。...当然，选择半年跨度按天查看，图表很可能呈现波动巨大且密集的折线图，你会觉得杂乱无章。所以选择以周活着月的颗粒度看，会更直观。补充一点，工具当中如果增加趋势线选项，那会是更棒的。...从宏观到微观，从纵向观察（时间）再到横向维度的切片，目的就是发现问题，对症下药。川术（ID：chuanshu108） END 投稿和反馈请发邮件至holly0801@163.com，谢谢！

3572 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭