import { useState } from 'react' import Head from 'next/head' import Navbar from '../components/Navbar' import Footer from '../components/Footer' import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts' const bondData = [ { month: '2024-01', oneYear: 1.85, fiveYear: 2.45, tenYear: 2.65 }, { month: '2024-02', oneYear: 1.82, fiveYear: 2.42, tenYear: 2.62 }, { month: '2024-03', oneYear: 1.78, fiveYear: 2.38, tenYear: 2.58 }, { month: '2024-04', oneYear: 1.75, fiveYear: 2.35, tenYear: 2.55 }, { month: '2024-05', oneYear: 1.72, fiveYear: 2.32, tenYear: 2.52 }, { month: '2024-06', oneYear: 1.68, fiveYear: 2.28, tenYear: 2.48 }, { month: '2024-07', oneYear: 1.65, fiveYear: 2.25, tenYear: 2.45 }, { month: '2024-08', oneYear: 1.62, fiveYear: 2.22, tenYear: 2.42 }, { month: '2024-09', oneYear: 1.58, fiveYear: 2.18, tenYear: 2.38 }, { month: '2024-10', oneYear: 1.55, fiveYear: 2.15, tenYear: 2.35 }, { month: '2024-11', oneYear: 1.52, fiveYear: 2.12, tenYear: 2.32 }, { month: '2024-12', oneYear: 1.48, fiveYear: 2.08, tenYear: 2.28 } ] export default function Data() { const [selectedIndicator, setSelectedIndicator] = useState('bond-china-treasury') const indicators = [ { group: '债券', items: [ { id: 'bond-china-treasury', name: '中国国债' } ] } ] return (
数据 - iBoard

经济数据

各种经济数据和图表

{indicators.map((group, groupIndex) => (

{group.group}

    {group.items.map((item) => (
  • setSelectedIndicator(item.id)} > {item.name}
    • ))}
))}
{selectedIndicator === 'bond-china-treasury' && (

中国国债收益率走势

展示一年期、五年期、十年期国债收益率的变化趋势

详细数据

{bondData.map((row, index) => ( ))}
月份 一年期(%) 五年期(%) 十年期(%)
{row.month} {row.oneYear.toFixed(2)} {row.fiveYear.toFixed(2)} {row.tenYear.toFixed(2)}
)}
) }