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 chinaBondData = [ { 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 } ] const usBondData = [ { month: '2024-01', oneYear: 4.85, fiveYear: 4.25, tenYear: 3.95 }, { month: '2024-02', oneYear: 4.82, fiveYear: 4.22, tenYear: 3.92 }, { month: '2024-03', oneYear: 4.78, fiveYear: 4.18, tenYear: 3.88 }, { month: '2024-04', oneYear: 4.65, fiveYear: 4.05, tenYear: 3.75 }, { month: '2024-05', oneYear: 4.55, fiveYear: 3.95, tenYear: 3.65 }, { month: '2024-06', oneYear: 4.45, fiveYear: 3.85, tenYear: 3.55 }, { month: '2024-07', oneYear: 4.35, fiveYear: 3.75, tenYear: 3.45 }, { month: '2024-08', oneYear: 4.25, fiveYear: 3.65, tenYear: 3.35 }, { month: '2024-09', oneYear: 4.15, fiveYear: 3.55, tenYear: 3.25 }, { month: '2024-10', oneYear: 4.05, fiveYear: 3.45, tenYear: 3.15 }, { month: '2024-11', oneYear: 3.95, fiveYear: 3.35, tenYear: 3.05 }, { month: '2024-12', oneYear: 3.85, fiveYear: 3.25, tenYear: 2.95 } ] const chinaLPRData = [ { month: '2024-01', oneYear: 3.45, fiveYear: 3.95 }, { month: '2024-02', oneYear: 3.45, fiveYear: 3.95 }, { month: '2024-03', oneYear: 3.45, fiveYear: 3.95 }, { month: '2024-04', oneYear: 3.40, fiveYear: 3.90 }, { month: '2024-05', oneYear: 3.40, fiveYear: 3.90 }, { month: '2024-06', oneYear: 3.40, fiveYear: 3.90 }, { month: '2024-07', oneYear: 3.35, fiveYear: 3.85 }, { month: '2024-08', oneYear: 3.35, fiveYear: 3.85 }, { month: '2024-09', oneYear: 3.35, fiveYear: 3.85 }, { month: '2024-10', oneYear: 3.30, fiveYear: 3.80 }, { month: '2024-11', oneYear: 3.30, fiveYear: 3.80 }, { month: '2024-12', oneYear: 3.30, fiveYear: 3.80 } ] export default function Data() { const [selectedIndicator, setSelectedIndicator] = useState('bond-china-treasury') const indicators = [ { group: '债券', items: [ { id: 'bond-china-treasury', name: '中国国债' }, { id: 'bond-us-treasury', name: '美国国债' } ] }, { group: '贷款', items: [ { id: 'loan-china-lpr', name: '中国LPR' } ] } ] return (
数据 - iBoard

经济数据

各种经济数据和图表

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

{group.group}

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

中国国债收益率走势

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

详细数据

{chinaBondData.map((row, index) => ( ))}
月份 一年期(%) 五年期(%) 十年期(%)
{row.month} {row.oneYear.toFixed(2)} {row.fiveYear.toFixed(2)} {row.tenYear.toFixed(2)}
)} {selectedIndicator === 'bond-us-treasury' && (

美国国债收益率走势

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

详细数据

{usBondData.map((row, index) => ( ))}
月份 一年期(%) 五年期(%) 十年期(%)
{row.month} {row.oneYear.toFixed(2)} {row.fiveYear.toFixed(2)} {row.tenYear.toFixed(2)}
)} {selectedIndicator === 'loan-china-lpr' && (

中国LPR走势

展示一年期和五年期贷款市场报价利率(LPR)的变化趋势

详细数据

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