'name': "Microsoft Internet Explorer", # 名字 'y': 56.33, # 数据 'drilldown ': "Chrome" }, { 'name': "Firefox", 'y': 10.38, 'drilldown ': "Firefox" }, { 'name': "Safari", 'y': 4.77, 'drilldown ') H.add_drilldown_data_set(data_3, 'pie', 'Firefox', name='Firefox') # pie表示下钻图形 H.add_drilldown_data_set , {"name": "Firefox", "y": 10.38, "drilldown": "Firefox"}, {"name": "Safari", "y": 4.77, "drilldown":
': 55.11, # 第一层百分比 'color': 'Highcharts.getOptions().colors[0]', # 颜色的获取 'drilldown }, { 'y': 21.63, 'color': 'Highcharts.getOptions().colors[1]', 'drilldown }, { 'y': 11.94, 'color': 'Highcharts.getOptions().colors[2]', 'drilldown brightness = 0.2 - (j / drillDataLen) / 5; versionsData.append({ 'name': data[i]['drilldown ']['categories'][j], 'y': data[i]['drilldown']['data'][j], 'color': 'Highcharts.Color
/highcharts/modules/data.src.js' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/drilldown.js ' Copying '/opt/jumpserver/apps/static/js/plugins/highcharts/modules/drilldown.src.js' Copying '/opt/
...................................................................................... 7 2) MySQL Drilldown page...................................................................................... 12 5) OS Drilldown
增加各组的子图 a <-rCharts::Highcharts$new() a$chart(type ="column") a$series(data =list( list(y = 15, drilldown = list(data = c(1,2, 3))), list(y = 20, drilldown = list(data = c(1,2, 3)))), name = "test") a$xAxis
逃 https://github.com/FesonX/JobDataViewer 代码对比 (觉得太丑可以直接跳过) 下面这段是修改前的js代码片 # 若显示不全,请滑动屏幕 var drilldown function(e) { // 上钻回调事件 console.log(e.seriesOptions); }, drilldown
文字相关的设置 chart:图表区、图形区和通用图表配置选项 colors:图表数据列颜色配置,是一个颜色数组 credits: 版权信息,Highcharts在图表的右下方放置的版权信息及链 drilldown Highcharts.chart('container', {accessibility: {无障碍设计} chart: {图表配置} colors: [颜色集合] credits: {版权信息} data: {数据功能模块} drilldown
仪表盘是交互式的在面板中单击某个值为该值创建过滤器仪表板将更新为仅显示与所单击的值匹配的数据当有人点击某个值时您可以通过自定义下钻方式来定义期望的操作例如,您可以允许用户导航到另一个仪表板或将它们带到特定的网页将向下钻取添加到面板的步骤打开面板菜单通过点击右上角的齿轮并选择“Create Drilldown
image 一般选项 title- 仪表板上的面板标题 span- 列中的面板宽度 height- 面板内容高度(以像素为单位) Drilldown / detail link Drilldown部分允许向可以链接到其他信息中心或网址的面板添加动态链接
Highcharts文字相关的设置 chart:图表区、图形区和通用图表配置选项 colors:图表数据列颜色配置,是一个颜色数组 credits: 版权信息,Highcharts在图表的右下方放置的版权信息及链 drilldown
drilldown组件自带的。其中按钮文字通过lang的drillUpText: String设置。
它包括向上钻取(rollup)和向下钻取(drilldown)。 rollup是在某一维上将低层次的细节数据概括到高层次的汇总数据,或者减少维数;而drilldown则相反,它从汇总数据深入到细节数据进行观察,或增加维数。
HighchartsMore from 'highcharts/highcharts-more'; import HighchartsDrilldown from 'highcharts/modules/drilldown
钻取/详细信息链接 Drilldown / detail link(为当前panel增加超链接) Drilldown项允许在面板添加动态链接,可以链接到其他的dashboards或urls。
---- 钻取/详细信息链接 Drilldown / detail link(为当前panel增加超链接) Drilldown项允许在面板添加动态链接,可以链接到其他的dashboards或urls。
建立“多角色共享看板”:每个部门看同一张图、不同视角(例如计划维度 / 仓储维度 / 渠道维度)每个流程节点配上责任人 & SLA指标:计划、采购、发货、签收全链路透明支持 DrillDown(下钻分析
钻取/详细信息链接(Drilldown / detail link) 钻取部分允许添加动态面板的链接,可以链接到其他仪表板或URL。 每个链接都有一个标题,一个类型和参数。
层键的属性中可以设定此层键是否用于下钻,选择了“Use for drilldown”后此层键在Oracle Answer中才可用于下钻。
下钻(DrillDown):从粗到细,挖根因。比如看到年销售额跌了,就钻到季度→月份→具体某天,甚至某个门店的订单,一层层定位问题出在哪儿。
在前端可手动调整图表大小; Height:图表高度,无需设定,在前端可手动调整图表高度; Transparent:背景是否透明,默认情况下不勾选,如果觉得不需要深灰色背景,可以勾选此项; Templating和Drilldown