ad6f0a1ce5
### What problem does this PR solve? feat: render stats charts feat: create api token feat: delete api token feat: add ChatApiKeyModal feat: add RagLineChart Issue link: #345 ### Type of change - [x] New Feature (non-breaking change which adds functionality)
89 lines
1.5 KiB
TypeScript
89 lines
1.5 KiB
TypeScript
import {
|
|
CartesianGrid,
|
|
Legend,
|
|
Line,
|
|
LineChart,
|
|
ResponsiveContainer,
|
|
Tooltip,
|
|
XAxis,
|
|
YAxis,
|
|
} from 'recharts';
|
|
import { CategoricalChartProps } from 'recharts/types/chart/generateCategoricalChart';
|
|
|
|
const data = [
|
|
{
|
|
name: 'Page A',
|
|
uv: 4000,
|
|
pv: 2400,
|
|
},
|
|
{
|
|
name: 'Page B',
|
|
uv: 3000,
|
|
pv: 1398,
|
|
},
|
|
{
|
|
name: 'Page C',
|
|
uv: 2000,
|
|
pv: 9800,
|
|
},
|
|
{
|
|
name: 'Page D',
|
|
uv: 2780,
|
|
pv: 3908,
|
|
},
|
|
{
|
|
name: 'Page E',
|
|
uv: 1890,
|
|
pv: 4800,
|
|
},
|
|
{
|
|
name: 'Page F',
|
|
uv: 2390,
|
|
pv: 3800,
|
|
},
|
|
{
|
|
name: 'Page G',
|
|
uv: 3490,
|
|
pv: 4300,
|
|
},
|
|
];
|
|
|
|
interface IProps extends CategoricalChartProps {
|
|
data?: Array<{ xAxis: string; yAxis: number }>;
|
|
}
|
|
|
|
const RagLineChart = ({ data }: 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 />
|
|
<Legend />
|
|
<Line
|
|
type="monotone"
|
|
dataKey="yAxis"
|
|
stroke="#8884d8"
|
|
activeDot={{ r: 8 }}
|
|
/>
|
|
{/* <Line type="monotone" dataKey="uv" stroke="#82ca9d" /> */}
|
|
</LineChart>
|
|
</ResponsiveContainer>
|
|
);
|
|
};
|
|
|
|
export default RagLineChart;
|