mirror of
https://github.com/apache/impala.git
synced 2025-12-19 18:12:08 -05:00
36a63d0a33
This change adds support for a stacked area chart for CPU utilization to the query timeline display, while also providing the ability to scale timetick values, precision, and the ability to horizontally scale the fragment timing diagram along with the utilization chart. Rendering of different components within the diagram has been decoupled to isolate scaling of timeticks, also to improve the overall efficiency by making the rendering functions asynchronous for better performance during resize events. Additionally, re-rendering of fragment diagram is only triggered during new fragment events. The following are the associated key bindings to scale the timeline with mouse wheel events. - shift + wheel events on #fragment_diagram - shift + wheel events on #timeticks_footer - alt + shift + wheel events on #timeticks_footer for precision control Note: Ctrl + mouse wheel events and ctrl + '+'/'-' events can be used to resize the timeline through the browser. Mouse wheel events have been associated with respective components for better efficiency and maintainability. Constraints have been added to above attributes to limit scaling/zooming for appropriate display and rendering across all DOM elements. RESOURCE_TRACE_RATIO query option provides the utilization values to be traced within the RuntimeProfile. It contains samples of CPU utilization metrics for user, sys and iowait. These time series counters are available within the profile having the following names. Per Node Profiles - - HostCpuIoWaitPercentage - HostCpuSysPercentage - HostCpuUserPercentage The samples are updated based on 'periodic_counter_update_period_ms' providing the 'period' within profile's 'Per Node Profiles'. These are retrieved from the ChunkedTimeSeriesCounter in the RuntimeProfile. Currently, JSON profiles and webUI summary pages contain the downsampled values. Utilization samples are aligned with the fragment diagram by associating the number of samples and the period. Aggregate CPU usage for each node is being calculated after accumulating the basis point values for user, sys and iowait. These are being displayed after grouping the associated counters for each node as a stacked line chart. c3.js charting library based on d3.v5 is being used to plot the utilization. The license associated with d3 v5 during the related time frame has been included along with the charting library's. Support for experimental profile V2 is currently not included. Scaling a large number of values to support profile V2 would be possible with appropriate down-sampling in the back-end. Testing: Manual testing with TPC-DS and TPC-H queries Change-Id: Idea2a6db217dbfaa7a0695aeabb6d9c1ecf62158 Reviewed-on: http://gerrit.cloudera.org:8080/20008 Reviewed-by: Riza Suminto <riza.suminto@cloudera.com> Tested-by: Impala Public Jenkins <impala-public-jenkins@cloudera.com>
34 lines
1.5 KiB
Plaintext
34 lines
1.5 KiB
Plaintext
# Marking minified JS, CSS, etc, files prevents long lines from showing up in "git grep".
|
|
tests/comparison/leopard/static/css/bootstrap.css binary
|
|
tests/comparison/leopard/static/css/bootstrap.css.map binary
|
|
tests/comparison/leopard/static/css/bootstrap.min.css binary
|
|
tests/comparison/leopard/static/css/bootstrap-theme.min.css binary
|
|
tests/comparison/leopard/static/css/bootstrap-theme.css.map binary
|
|
tests/comparison/leopard/static/js/bootstrap.js binary
|
|
tests/comparison/leopard/static/js/bootstrap.min.js binary
|
|
tests/comparison/leopard/static/js/highlight.pack.js binary
|
|
www/bootstrap/css/bootstrap.css binary
|
|
www/bootstrap/css/bootstrap-4.3.1.min.css binary
|
|
www/bootstrap/css/bootstrap.css.map binary
|
|
www/bootstrap/css/bootstrap.min.css binary
|
|
www/bootstrap/css/bootstrap.min.css.map binary
|
|
www/bootstrap/js/bootstrap.js binary
|
|
www/bootstrap/js/bootstrap.min.js
|
|
www/bootstrap/js/bootstrap.min.js binary
|
|
www/c3/c3.v7.min.js binary
|
|
www/c3/c3.v7.min.css binary
|
|
www/d3.v3.min.js binary
|
|
www/d3.v5.min.js binary
|
|
www/dagre-d3.min.js binary
|
|
www/DataTables-1.10.18/js/dataTables.bootstrap.min.js binary
|
|
www/DataTables-1.10.18/js/dataTables.bootstrap4.min.js biinary
|
|
www/DataTables-1.10.18/js/dataTables.foundation.min.js binary
|
|
www/DataTables-1.10.18/js/dataTables.jqueryui.min.js binary
|
|
www/DataTables-1.10.18/js/dataTables.semanticui.min.js binary
|
|
www/DataTables-1.10.18/js/jquery.dataTables.min.js binary
|
|
www/datatables.min.js binary
|
|
www/datatables-1.13.2.min.js binary
|
|
www/datatables-1.13.2.min.css binary
|
|
www/highlight/highlight.pack.js binary
|
|
www/jquery/jquery-3.5.1.min.js binary
|