GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-12 06:58:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix SIG-21

Browse Source
This commit is contained in:
Himanshu DIxit 2021-02-22 04:44:34 +05:30
parent 81a1d2bb37
commit 3a79778ce4
6 changed files with 20 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/metrics/ErrorRateChart.tsx
View File

@ -202,7 +202,7 @@ class ErrorRateChart extends React.Component<ErrorRateChartProps> {
labels: ndata.map((s) => new Date(s.timestamp / 1000000)), // converting from nano second to mili second labels: ndata.map((s) => new Date(s.timestamp / 1000000)), // converting from nano second to mili second
datasets: [ datasets: [
{ {
label: "Errors per sec", label: "",
data: ndata.map((s) => s.errorRate), data: ndata.map((s) => s.errorRate),
pointRadius: 0.5, pointRadius: 0.5,
borderColor: "rgba(227, 74, 51,1)", // Can also add transparency in border color borderColor: "rgba(227, 74, 51,1)", // Can also add transparency in border color
@ -215,6 +215,7 @@ class ErrorRateChart extends React.Component<ErrorRateChartProps> {
return ( return (
<div> <div>
{this.GraphTracePopUp()} {this.GraphTracePopUp()}
<div style={{textAlign: "center"}}>Errors per sec</div>
<ChartJSLine <ChartJSLine
ref={this.chartRef} ref={this.chartRef}
data={data_chartJS} data={data_chartJS}

2
frontend/src/components/metrics/GenericVisualization.tsx
View File

@ -15,7 +15,7 @@ interface GenericVisualizationsProps {
const GenericVisualizations = (props: GenericVisualizationsProps) => { const GenericVisualizations = (props: GenericVisualizationsProps) => {
const data = { const data = {
labels: props.data.map((s) => new Date(s.timestamp / 1000000)), labels: props.data !== undefined && props.data.map((s) => new Date(s.timestamp / 1000000)),
datasets: [ datasets: [
{ {
data: props.data.map((s) => s.value), data: props.data.map((s) => s.value),

5
frontend/src/components/metrics/LatencyLineChart.tsx
View File

@ -96,7 +96,7 @@ class LatencyLineChart extends React.Component<LatencyLineChartProps> {
title: { title: {
display: true, display: true,
text: "Application Latency in ms", text: "",
fontSize: 20, fontSize: 20,
position: "top", position: "top",
padding: 8, padding: 8,
@ -237,12 +237,15 @@ class LatencyLineChart extends React.Component<LatencyLineChartProps> {
return ( return (
<div> <div>
{this.GraphTracePopUp()} {this.GraphTracePopUp()}
<div>
<div style={{textAlign: "center"}}>Application latency in ms</div>
<ChartJSLine <ChartJSLine
ref={this.chartRef} ref={this.chartRef}
data={data_chartJS} data={data_chartJS}
options={this.options_charts} options={this.options_charts}
/> />
</div> </div>
</div>
); );
} }
} }

3
frontend/src/components/metrics/RequestRateChart.tsx
View File

@ -88,7 +88,7 @@ class RequestRateChart extends React.Component<RequestRateChartProps> {
title: { title: {
display: true, display: true,
text: "Request per sec", text: "",
fontSize: 20, fontSize: 20,
position: "top", position: "top",
padding: 2, padding: 2,
@ -207,6 +207,7 @@ class RequestRateChart extends React.Component<RequestRateChartProps> {
return ( return (
<div> <div>
{this.GraphTracePopUp()} {this.GraphTracePopUp()}
<div style={{textAlign: "center"}}>Request per sec</div>
<ChartJSLine <ChartJSLine
ref={this.chartRef} ref={this.chartRef}
data={data_chartJS} data={data_chartJS}

5
frontend/src/components/traces/TraceFilter.tsx
View File

@ -284,6 +284,11 @@ const _TraceFilter = (props: TraceFilterProps) => {
}); });
}; };
useEffect(()=>{
return handleApplyFilterForm({})
},[])
return ( return (
<div> <div>
<div>Filter Traces</div> <div>Filter Traces</div>

3
frontend/src/components/traces/TraceGraph.tsx
View File

@ -68,8 +68,7 @@ const _TraceGraph = (props: TraceGraphProps) => {
// In that case it's doing step function sort of stuff thru computation. // In that case it's doing step function sort of stuff thru computation.
// Source flamegraph.js line 557 and 573. // Source flamegraph.js line 557 and 573.
// .selfValue(true) // .selfValue(true)
.onClick(onClick) .onClick(onClick);
.title("Trace Flame graph");
return ( return (
<Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}> <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>