60767e66e0
### What problem does this PR solve? fix: Add Task Executor to system panel #2061 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
import {
|
|
CartesianGrid,
|
|
Legend,
|
|
Line,
|
|
LineChart,
|
|
ResponsiveContainer,
|
|
Tooltip,
|
|
XAxis,
|
|
YAxis,
|
|
} from 'recharts';
|
|
import { CategoricalChartProps } from 'recharts/types/chart/generateCategoricalChart';
|
|
|
|
interface IProps extends CategoricalChartProps {
|
|
data?: Array<{ xAxis: string; yAxis: number }>;
|
|
showLegend?: boolean;
|
|
}
|
|
|
|
const RagLineChart = ({ data, showLegend = false }: IProps) => {
|
|
return (
|
|
<ResponsiveContainer width="100%" height="100%">
|
|
<LineChart
|
|
// width={500}
|
|
// height={300}
|
|
data={data}
|
|
margin={
|
|
{
|
|
// top: 5,
|
|
// right: 30,
|
|
// left: 20,
|
|
// bottom: 10,
|
|
}
|
|
}
|
|
>
|
|
<CartesianGrid strokeDasharray="3 3" />
|
|
<XAxis dataKey="xAxis" />
|
|
<YAxis />
|
|
<Tooltip />
|
|
{showLegend && <Legend />}
|
|
<Line
|
|
type="monotone"
|
|
dataKey="yAxis"
|
|
stroke="#8884d8"
|
|
activeDot={{ r: 8 }}
|
|
/>
|
|
{/* <Line type="monotone" dataKey="uv" stroke="#82ca9d" /> */}
|
|
</LineChart>
|
|
</ResponsiveContainer>
|
|
);
|
|
};
|
|
|
|
export default RagLineChart;
|