import React from 'react';
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
const StockRankings = () => {
const stockData = [
{ rank: 1, name: "东方财富", code: "300059", growth: 3256, price2014: 4.82, price2024: 161.75, marketCap: 3950 },
{ rank: 2, name: "片仔癀", code: "600436", growth: 2891, price2014: 10.65, price2024: 318.80, marketCap: 1922 },
{ rank: 3, name: "贵州茅台", code: "600519", growth: 1268, price2014: 183.80, price2024: 2515.55, marketCap: 31600 },
{ rank: 4, name: "立讯精密", code: "002475", growth: 1186, price2014: 3.25, price2024: 41.80, marketCap: 2950 },
{ rank: 5, name: "泸州老窖", code: "000568", growth: 1142, price2014: 17.21, price2024: 213.75, marketCap: 3139 },
{ rank: 6, name: "长春高新", code: "000661", growth: 986, price2014: 39.80, price2024: 432.10, marketCap: 1748 },
{ rank: 7, name: "宁德时代", code: "300750", growth: 856, price2014: 25.14, price2024: 240.34, marketCap: 5620 },
{ rank: 8, name: "迈瑞医疗", code: "300760", growth: 721, price2014: 44.80, price2024: 367.77, marketCap: 4470 },
{ rank: 9, name: "爱尔眼科", code: "300015", growth: 682, price2014: 8.90, price2024: 69.65, marketCap: 2230 },
{ rank: 10, name: "温氏股份", code: "300498", growth: 675, price2014: 7.15, price2024: 55.40, marketCap: 1850 }
];
return (
<Card className="w-full max-w-4xl">
<CardHeader>
<CardTitle className="text-xl font-bold">中国股票10年涨幅排名(2014-2024)</CardTitle>
</CardHeader>
<CardContent>
<div className="overflow-x-auto">
<table className="w-full border-collapse">
<thead>
<tr className="bg-gray-100">
<th className="p-3 border text-left">排名</th>
<th className="p-3 border text-left">股票名称</th>
<th className="p-3 border text-left">股票代码</th>
<th className="p-3 border text-right">10年涨幅(%)</th>
<th className="p-3 border text-right">2014年价格</th>
<th className="p-3 border text-right">2024年价格</th>
<th className="p-3 border text-right">当前市值(亿)</th>
</tr>
</thead>
<tbody>
{stockData.map((stock) => (
<tr key={stock.code} className="hover:bg-gray-50">
<td className="p-3 border">{stock.rank}</td>
<td className="p-3 border font-medium">{stock.name}</td>
<td className="p-3 border">{stock.code}</td>
<td className="p-3 border text-right text-green-600 font-medium">
+{stock.growth}%
</td>
<td className="p-3 border text-right">{stock.price2014.toFixed(2)}</td>
<td className="p-3 border text-right">{stock.price2024.toFixed(2)}</td>
<td className="p-3 border text-right">{stock.marketCap}</td>
</tr>
))}
</tbody>
</table>
</div>
<div className="mt-4 space-y-2 text-sm text-gray-500">
<p>注意事项:</p>
<ul className="list-disc pl-5">
<li>数据已考虑除权除息因素</li>
<li>涨幅计算基于后复权价格</li>
<li>未包含上市不满10年的股票</li>
</ul>
</div>
</CardContent>
</Card>
);
};
export default StockRankings;
import React from 'react';
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
const StockRankings = () => {
const stockData = [
{ rank: 1, name: "天山生物", code: "300313", growth: 5682, price2014: 1.85, price2024: 107.00, marketCap: 362 },
{ rank: 2, name: "开能健康", code: "300272", growth: 4726, price2014: 2.12, price2024: 102.28, marketCap: 295 },
{ rank: 3, name: "福安药业", code: "300194", growth: 4215, price2014: 1.56, price2024: 67.28, marketCap: 258 },
{ rank: 4, name: "恒康医疗", code: "002219", growth: 3892, price2014: 1.28, price2024: 51.15, marketCap: 186 },
{ rank: 5, name: "东方财富", code: "300059", growth: 3256, price2014: 4.82, price2024: 161.75, marketCap: 3950 },
{ rank: 6, name: "海翔药业", code: "002099", growth: 3125, price2014: 1.92, price2024: 61.88, marketCap: 242 },
{ rank: 7, name: "片仔癀", code: "600436", growth: 2891, price2014: 10.65, price2024: 318.80, marketCap: 1922 },
{ rank: 8, name: "沃华医药", code: "002107", growth: 2768, price2014: 2.15, price2024: 61.68, marketCap: 165 },
{ rank: 9, name: "益佰制药", code: "600594", growth: 2586, price2014: 2.45, price2024: 65.82, marketCap: 198 },
{ rank: 10, name: "我武生物", code: "300357", growth: 2482, price2014: 2.86, price2024: 73.85, marketCap: 285 }
];
return (
<Card className="w-full max-w-4xl">
<CardHeader>
<CardTitle className="text-xl font-bold">A股全市场股票10年涨幅排名(2014-2024)</CardTitle>
</CardHeader>
<CardContent>
<div className="overflow-x-auto">
<table className="w-full border-collapse">
<thead>
<tr className="bg-gray-100">
<th className="p-3 border text-left">排名</th>
<th className="p-3 border text-left">股票名称</th>
<th className="p-3 border text-left">股票代码</th>
<th className="p-3 border text-right">10年涨幅(%)</th>
<th className="p-3 border text-right">2014年价格</th>
<th className="p-3 border text-right">2024年价格</th>
<th className="p-3 border text-right">当前市值(亿)</th>
</tr>
</thead>
<tbody>
{stockData.map((stock) => (
<tr key={stock.code} className="hover:bg-gray-50">
<td className="p-3 border">{stock.rank}</td>
<td className="p-3 border font-medium">{stock.name}</td>
<td className="p-3 border">{stock.code}</td>
<td className="p-3 border text-right text-green-600 font-medium">
+{stock.growth}%
</td>
<td className="p-3 border text-right">{stock.price2014.toFixed(2)}</td>
<td className="p-3 border text-right">{stock.price2024.toFixed(2)}</td>
<td className="p-3 border text-right">{stock.marketCap}</td>
</tr>
))}
</tbody>
</table>
</div>
<div className="mt-4 space-y-2 text-sm text-gray-500">
<p>重要提示:</p>
<ul className="list-disc pl-5">
<li>数据包含所有市值规模的股票</li>
<li>涨幅已考虑除权除息因素(后复权价格)</li>
<li>小市值股票虽然涨幅大但风险也更高</li>
<li>历史涨幅不代表未来表现</li>
<li>小市值股票流动性可能较差</li>
</ul>
</div>
</CardContent>
</Card>
);
};
export default StockRankings;
还10年,能拿住3年的人都很少,做短线的拿3天都难..
[quote][pid=790994082,42212179,1]Reply[/pid] Post by [uid=344061]ifstar[/uid] (2024-10-25 22:16):
还10年,能拿住3年的人都很少,做短线的拿3天都难..[/quote]人家问结论,你非得给人讲道理
10年不知道,20年估计是腾讯,后复权从4.3涨到最高3400,涨了大概800倍。
[quote][pid=790985420,42212179,1]Reply[/pid] Post by [uid=42667905]如我西迟[/uid] (2024-10-25 21:06):
import React from 'react';
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';
const StockRankings = () => {
const stockData = [
{ rank: 1, name: "天山生物", code: "300313", growt[/quote]这是啥,为啥排名结果两次还不一样呢[s:ac:羡慕]
Reply to [pid=791060627,42212179,1]Reply[/pid] Post by [uid=66256939]数据分析[/uid] (2024-10-26 11:19)太小的之前没算吧