import React from 'react'; import { NoContent } from 'UI'; import { ComposedChart, Bar, BarChart, CartesianGrid, ResponsiveContainer, XAxis, YAxis, ReferenceLine, Tooltip, } from 'recharts'; import { NO_METRIC_DATA } from 'App/constants/messages'; import { InfoCircleOutlined } from '@ant-design/icons'; import { Styles, AvgLabel } from '../../common'; function PercentileLine(props) { const { viewBox: { x, y }, xoffset, yheight, height, label, } = props; return ( {label} ); } interface Props { data: any } function ResponseTimeDistribution(props: Props) { const { data } = props; const { colors } = Styles; return ( {' '} { NO_METRIC_DATA } )} show={data.chart.length === 0} style={{ height: '240px' }} >
`Page Response Time: ${val}`} /> { data.percentiles && data.percentiles.map((item: any, i: number) => ( )} // allowDecimals={false} x={item.responseTime} strokeWidth={0} strokeOpacity={1} /> ))}
); } export default ResponseTimeDistribution;