Skip to content

Commit

Permalink
Statistical histograms did not update the x-axis with large time inte…
Browse files Browse the repository at this point in the history 
…rvals (#5707)

* create the visualization of the total number of received bytes

* create the visualization of Events sent to Analysisd

* create the visualization of messages statistics

* update the visualization of the total number of received bytes

* update the visualization of Events sent to Analysisd

* create the visualization tcp sessions

* update from stacked to normal

* create visualization of processed events

* create visualization events dropped

* create visualization queue usage

* create visualization of events decoded summary

* update label timestamp

* create visualization syscheck

* create visualization syscollector

* create visualization rootcheck

* create visualization sca

* create visualization host info

* change the colors to the 70 and 90 percent lines, change the range of the right Y-axis of the syscheck chart

* unify colors to all charts

* unify colors to all charts

* unify colors of all charts, change range of the right Y-axis

* change label quantity to count

* center icon hiding or showing labels

* Delete visualizations that are not possible due to missing fields.

* update changelog

* removing harcoded labels

* removing harcoded labels

* add a solution to make the graphics change according to the selected api

* add a solution to make the graphics change according to the selected api
  • Loading branch information
@chantal-kelm
chantal-kelm authored Aug 4, 2023
1 parent cc3e23d commit 5b26e93
Show file tree
Hide file tree
Showing 5 changed files with 2,914 additions and 444 deletions.
1 change: 1 addition & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@ All notable changes to the Wazuh app project will be documented in this file.

- Changed Network ports table columns for Linux agents. [#5636](https://github.com/wazuh/wazuh-kibana-app/pull/5636)
- Updated development dependencies (`@typescript-eslint/eslint-plugin, @typescript-eslint/parser, eslint, swagger-client`)[#5748](https://github.com/wazuh/wazuh-kibana-app/pull/5748)
- Changed timelion type displays in the management > statistics section to line type displays. [5707](https://github.com/wazuh/wazuh-kibana-app/pull/5707)

### Fixed

Expand Down
109 changes: 45 additions & 64 deletions ...controllers/management/components/management/statistics/statistics-dashboard-analysisd.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,31 +10,33 @@
*
* Find more information about this on the LICENSE file.
*/
import React from "react";
import WzReduxProvider from "../../../../../redux/wz-redux-provider";
import KibanaVis from "../../../../../kibana-integrations/kibana-vis";
import { EuiFlexGroup, EuiFlexItem, EuiPanel } from "@elastic/eui";
import React from 'react';
import WzReduxProvider from '../../../../../redux/wz-redux-provider';
import KibanaVis from '../../../../../kibana-integrations/kibana-vis';
import { EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
import { useBuildStatisticsVisualizations } from './hooks';


export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualizations}) {
export function WzStatisticsAnalysisd({
clusterNodeSelected,
refreshVisualizations,
}) {
useBuildStatisticsVisualizations(clusterNodeSelected, refreshVisualizations);

return (
<div>
<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Events processed</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-Events-By-Node"}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-Events-By-Node'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -43,19 +45,19 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Events Dropped</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-Analysisd-Events-Dropped-By-Node"
'Wazuh-App-Statistics-Analysisd-Events-Dropped-By-Node'
}
tab={"statistics"}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -67,19 +69,17 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Queue Usage</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-Analysisd-Queues-Usage"
}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-Queues-Usage'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -91,19 +91,19 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Events Decoded summary</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-Analysisd-Overview-Events-Decoded"
'Wazuh-App-Statistics-Analysisd-Overview-Events-Decoded'
}
tab={"statistics"}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -115,17 +115,17 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Syscheck</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-Syscheck"}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-Syscheck'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -134,17 +134,17 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Syscollector</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-Syscollector"}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-Syscollector'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -156,17 +156,17 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Rootcheck</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-Rootcheck"}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-Rootcheck'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -175,17 +175,17 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>SCA</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-SCA"}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-SCA'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -197,36 +197,17 @@ export function WzStatisticsAnalysisd({clusterNodeSelected, refreshVisualization

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Host Info</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-HostInfo"}
tab={"statistics"}
></KibanaVis>
</WzReduxProvider>
</div>
</EuiFlexItem>
</EuiFlexGroup>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiFlexGroup>
<EuiFlexItem>Other</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={"Wazuh-App-Statistics-Analysisd-Other"}
tab={"statistics"}
visID={'Wazuh-App-Statistics-Analysisd-HostInfo'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand Down
64 changes: 20 additions & 44 deletions ...c/controllers/management/components/management/statistics/statistics-dashboard-remoted.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,31 +10,32 @@
*
* Find more information about this on the LICENSE file.
*/
import React from "react";
import WzReduxProvider from "../../../../../redux/wz-redux-provider";
import KibanaVis from "../../../../../kibana-integrations/kibana-vis";
import { EuiFlexGroup, EuiFlexItem, EuiPanel } from "@elastic/eui";
import React from 'react';
import WzReduxProvider from '../../../../../redux/wz-redux-provider';
import KibanaVis from '../../../../../kibana-integrations/kibana-vis';
import { EuiFlexGroup, EuiFlexItem, EuiPanel } from '@elastic/eui';
import { useBuildStatisticsVisualizations } from './hooks';

export function WzStatisticsRemoted({clusterNodeSelected, refreshVisualizations}) {
export function WzStatisticsRemoted({
clusterNodeSelected,
refreshVisualizations,
}) {
useBuildStatisticsVisualizations(clusterNodeSelected, refreshVisualizations);
return (
<div>
<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Total number of bytes received</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-remoted-Recv-bytes"
}
tab={"statistics"}
visID={'Wazuh-App-Statistics-remoted-Recv-bytes'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -43,19 +44,17 @@ export function WzStatisticsRemoted({clusterNodeSelected, refreshVisualizations
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>Events sent to Analysisd</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-remoted-event-count"
}
tab={"statistics"}
visID={'Wazuh-App-Statistics-remoted-event-count'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand All @@ -67,40 +66,17 @@ export function WzStatisticsRemoted({clusterNodeSelected, refreshVisualizations

<EuiFlexGroup>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiFlexGroup>
<EuiFlexItem>Messages statistics</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-remoted-messages"
}
tab={"statistics"}
></KibanaVis>
</WzReduxProvider>
</div>
</EuiFlexItem>
</EuiFlexGroup>
</EuiPanel>
</EuiFlexItem>
<EuiFlexItem>
<EuiPanel style={{ height: "400px" }}>
<EuiPanel style={{ height: '400px' }}>
<EuiFlexGroup>
<EuiFlexItem>TCP sessions</EuiFlexItem>
</EuiFlexGroup>
<EuiFlexGroup>
<EuiFlexItem>
<div style={{ height: "365px" }}>
<div style={{ height: '343px' }}>
<WzReduxProvider>
<KibanaVis
visID={
"Wazuh-App-Statistics-remoted-tcp-sessions"
}
tab={"statistics"}
visID={'Wazuh-App-Statistics-remoted-tcp-sessions'}
tab={'statistics'}
></KibanaVis>
</WzReduxProvider>
</div>
Expand Down
Loading

0 comments on commit 5b26e93

Please sign in to comment.