This is an automated email from the ASF dual-hosted git repository.
vogievetsky pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/druid.git
The following commit(s) were added to refs/heads/master by this push:
new eb6de94e1f Add daily stats to console (#12329)
eb6de94e1f is described below
commit eb6de94e1f1a9d5e38f6ef16971be8d3763a83d8
Author: Atul Mohan <[email protected]>
AuthorDate: Thu May 5 15:31:21 2022 -0700
Add daily stats to console (#12329)
---
web-console/src/components/segment-timeline/bar-group.tsx | 1 +
web-console/src/components/segment-timeline/segment-timeline.tsx | 1 +
web-console/src/components/segment-timeline/stacked-bar-chart.tsx | 7 +++++++
3 files changed, 9 insertions(+)
diff --git a/web-console/src/components/segment-timeline/bar-group.tsx
b/web-console/src/components/segment-timeline/bar-group.tsx
index 11b02523c8..442df4ba73 100644
--- a/web-console/src/components/segment-timeline/bar-group.tsx
+++ b/web-console/src/components/segment-timeline/bar-group.tsx
@@ -56,6 +56,7 @@ export class BarGroup extends React.Component<BarGroupProps> {
datasource: entry.datasource,
xValue: entry.x,
yValue: entry.y,
+ dailySize: entry.dailySize,
};
return (
<BarUnit
diff --git a/web-console/src/components/segment-timeline/segment-timeline.tsx
b/web-console/src/components/segment-timeline/segment-timeline.tsx
index 8b771d585a..1894c85e43 100644
--- a/web-console/src/components/segment-timeline/segment-timeline.tsx
+++ b/web-console/src/components/segment-timeline/segment-timeline.tsx
@@ -193,6 +193,7 @@ ORDER BY "start" DESC`;
y0,
datasource,
color: SegmentTimeline.getColor(i),
+ dailySize: d.total,
};
y0 += d[datasource] === undefined ? 0 : d[datasource];
return barUnitData;
diff --git a/web-console/src/components/segment-timeline/stacked-bar-chart.tsx
b/web-console/src/components/segment-timeline/stacked-bar-chart.tsx
index 7c772ef993..8bac38b5c8 100644
--- a/web-console/src/components/segment-timeline/stacked-bar-chart.tsx
+++ b/web-console/src/components/segment-timeline/stacked-bar-chart.tsx
@@ -31,6 +31,7 @@ export interface BarUnitData {
width: number;
datasource: string;
color: string;
+ dailySize?: number;
}
export interface BarChartMargin {
@@ -48,6 +49,7 @@ export interface HoveredBarInfo {
datasource?: string;
xValue?: number;
yValue?: number;
+ dailySize?: number;
}
interface StackedBarChartProps {
@@ -151,6 +153,11 @@ export const StackedBarChart = React.memo(function
StackedBarChart(props: Stacke
<div className="bar-chart-tooltip">
<div>Datasource: {hoverOn.datasource}</div>
<div>Time: {hoverOn.xValue}</div>
+ <div>
+ {`${
+ activeDataType === 'countData' ? 'Daily total count:' : 'Daily
total size:'
+ } ${formatTick(hoverOn.dailySize!)}`}
+ </div>
<div>
{`${activeDataType === 'countData' ? 'Count:' : 'Size:'}
${formatTick(
hoverOn.yValue!,
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
