{"id":315,"date":"2025-05-29T09:18:04","date_gmt":"2025-05-29T09:18:04","guid":{"rendered":"https:\/\/mcfpacf.org.hk\/?page_id=315"},"modified":"2025-05-29T20:51:41","modified_gmt":"2025-05-29T20:51:41","slug":"%e6%af%9bsir-%e7%9a%84%e6%88%b2%e5%8a%87%e4%ba%ba%e7%94%9f","status":"publish","type":"page","link":"https:\/\/mcfpacf.org.hk\/en\/%e6%af%9bsir-%e7%9a%84%e6%88%b2%e5%8a%87%e4%ba%ba%e7%94%9f\/","title":{"rendered":"Mao's Theatrical Life"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"315\" class=\"elementor elementor-315\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87d2f3d e-flex e-con-boxed e-con e-parent\" data-id=\"87d2f3d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beceb50 elementor-widget elementor-widget-html\" data-id=\"beceb50\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/prop-types\/15.8.1\/prop-types.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react\/18.2.0\/umd\/react.production.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/react-dom\/18.2.0\/umd\/react-dom.production.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/babel-standalone\/7.23.2\/babel.min.js\"><\/script>\r\n<script src=\"https:\/\/unpkg.com\/papaparse@latest\/papaparse.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/recharts\/2.15.0\/Recharts.min.js\"><\/script>\r\n\r\n<div id=\"root\" class=\"min-h-screen\"><\/div>\r\n\r\n<script type=\"text\/babel\">\r\n    const App = () => {\r\n      const [data, setData] = React.useState([]);\r\n      const [filter, setFilter] = React.useState('all');\r\n      const [loading, setLoading] = React.useState(true);\r\n\r\n      React.useEffect(() => {\r\n        const rawData = [\r\n  { \"\u5e74\u4efd\": 1971, \"\u4f5c\u54c1\": \"\u5728\u7f8e\u570b\u5b8c\u6210\u5b78\u696d\u53ca\u5165\u884c\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1971, \"\u4f5c\u54c1\": \"Julius Caesar\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Berkeley Repertory Theatre \uff08BRT\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1972, \"\u4f5c\u54c1\": \"What the Butler Saw\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1972, \"\u4f5c\u54c1\": \"Mother Courage and Her Children\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1972, \"\u4f5c\u54c1\": \"Uncle Vanya\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1972, \"\u4f5c\u54c1\": \"A Child's Christmas in Wales\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1972, \"\u4f5c\u54c1\": \"Alice in Wonderland\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1972, \"\u4f5c\u54c1\": \"Antigone\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"That Scoundrel Scapin\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"The Fantastics\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"The Knack\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"Vespuccis\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"Hedda Gabler\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"A Streetcar Named Desire\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1973, \"\u4f5c\u54c1\": \"Saint Joan\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Napa Valley Theatre Company\uff08NVTC\uff0c\u7d0d\u5e15\u8c37\u5287\u5718\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1974, \"\u4f5c\u54c1\": \"Gorf\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"San Francisco Magic Theatre\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1974, \"\u4f5c\u54c1\": \"Til Midnight, Harold\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"NVTC\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1974, \"\u4f5c\u54c1\": \"Thieves' Carnival\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"NVTC\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1974, \"\u4f5c\u54c1\": \"Alice Throught the Looking Glass\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"NVTC\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1975, \"\u4f5c\u54c1\": \"Ondine\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"NVTC\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1975, \"\u4f5c\u54c1\": \"\u51fa\u4efb\u7f8e\u570b\u52a0\u5dde\u7d0d\u5e15\u8c37\u5287\u5718\u85dd\u8853\u7e3d\u76e3\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1976, \"\u4f5c\u54c1\": \"Pacific Overtures\uff08\u300a\u592a\u5e73\u6d0b\u5e8f\u66f2\u300b\uff09\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u767e\u8001\u532f\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1976, \"\u4f5c\u54c1\": \"Oh, What A Lovely War\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"NVTC\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1978, \"\u4f5c\u54c1\": \"Gulliver Travels\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"La Mama ETC Company\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1978, \"\u4f5c\u54c1\": \"Juba\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"La Mama ETC Company\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1978, \"\u4f5c\u54c1\": \"Contradiction\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"La Mama ETC Company\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1978, \"\u4f5c\u54c1\": \"Jet of Blood\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"La Mama ETC Company\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1979, \"\u4f5c\u54c1\": \"The Legend of Wu Chang\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"La Mama ETC Company\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1979, \"\u4f5c\u54c1\": \"Thunderstorm\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"La Mama ETC Company\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1980, \"\u4f5c\u54c1\": \"\u300a\u5317\u4eac\u4eba\u300b\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u54e5\u502b\u6bd4\u4e9e\u5927\u5b78\u88fd\u4f5c\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1983, \"\u4f5c\u54c1\": \"Fanshen\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"SO HO Rep\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1983, \"\u4f5c\u54c1\": \"The Sandbox\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"New Asian American Theatre\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1983, \"\u4f5c\u54c1\": \"The Lover\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"New Asian American Theatre\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1983, \"\u4f5c\u54c1\": \"Talk to Me Like the Rain\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"New Asian American Theatre\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1984, \"\u4f5c\u54c1\": \"Family Devotions\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"The NewYork Public Theatre\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1984, \"\u4f5c\u54c1\": \"A Japanese Modern Drama\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"Milwaukee Repertory Theatre\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1985, \"\u4f5c\u54c1\": \"\u8fd4\u6e2f\u51fa\u4efb\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\u6232\u5287\u5b78\u9662\u8868\u6f14\u7cfb\u4e3b\u4efb\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1986, \"\u4f5c\u54c1\": \"\u300a\u963f\u831c\u7684\u6551\u570b\u5922\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1986, \"\u4f5c\u54c1\": \"\u300a\u56f0\u7378\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1988, \"\u4f5c\u54c1\": \"\u300a\u4e09\u59ca\u59b9\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1989, \"\u4f5c\u54c1\": \"\u300a\u8072 \/ \u8272\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1989, \"\u4f5c\u54c1\": \"\u300a\u9592\u89d2\u6625\u79cb\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u4e2d\u82f1\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1990, \"\u4f5c\u54c1\": \"\u300a\u80e1\u5929\u80e1\u5e1d\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1990, \"\u4f5c\u54c1\": \"\u300a\u6625\u98a8\u5439\u6e21\u7389\u9580\u95dc\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1991, \"\u4f5c\u54c1\": \"\u300a\u60c5\u6709\u7368\u937e\u300b\uff1a\u300a\u76d2\u5b50 \u4eba\u300b\u300a\u5be9\u5224\u524d\u5915\u300b \u300a\u50bb\u6545\u4e8b\u4e00\u5247\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1991, \"\u4f5c\u54c1\": \"\u300a\u8056\u5973\u8c9e\u5fb7\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1992, \"\u4f5c\u54c1\": \"\u300a\u4e00\u7c60\u98a8\u6708\u300b\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u8d6b\u58be\u574a\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u7537\u4e3b\u89d2\u300d\" },\r\n  { \"\u5e74\u4efd\": 1993, \"\u4f5c\u54c1\": \"\u300a\u8aaa\u66f8\u4eba\u67f3\u656c\u4ead\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u4e2d\u82f1\u5287\u5718\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u5c0e\u6f14\u300d\" },\r\n  { \"\u5e74\u4efd\": 1994, \"\u4f5c\u54c1\": \"\u300a\u98a8\u4e2d\u7d30\u8def\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u5c0e\u6f14\u300d\" },\r\n  { \"\u5e74\u4efd\": 1995, \"\u4f5c\u54c1\": \"\u300a\u7247\u7247\u8b0a\u8a00\u5922\u88e1\u5c0b\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1995, \"\u4f5c\u54c1\": \"\u300a\u9577\u6cb3\u4e4b\u672b\u300b\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1995, \"\u4f5c\u54c1\": \"\u300a\u7d05\u623f\u9593\u3001\u767d\u623f\u9593\u3001 \u9ed1\u623f\u9593\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u5c0e\u6f14\u300d\" },\r\n  { \"\u5e74\u4efd\": 1996, \"\u4f5c\u54c1\": \"\u300a\u5c0f\u7537\u4eba\u62c9\u5927\u7434\u300b\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u525b\u5287\u5834\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1997, \"\u4f5c\u54c1\": \"\u300a\u8ddf\u4f4f\u500b\u975a\u59b9\u6c39\u6c39\u8f49\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0 \uff08\u6bdb\u4fca\u8f1d\u5be6\u9a57\u5275\u4f5c\uff09\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u5c0e\u6f14\u300d\" },\r\n  { \"\u5e74\u4efd\": 1997, \"\u4f5c\u54c1\": \"\u300a\u5c48\u6253\u6210\u91ab\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1998, \"\u4f5c\u54c1\": \"\u300a\u518d\u4e16\u60c5\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u8d6b\u58be\u574a\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1998, \"\u4f5c\u54c1\": \"\u300a\u5fb7\u9f61\u8207\u6148\u79a7\u300b\uff08\u570b\u8a9e\u7248\uff09\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1999, \"\u4f5c\u54c1\": \"\u7372\u9999\u6e2f\u85dd\u8853\u5bb6\u806f\u76df\u9812\u767c\u300c\u85dd\u8853\u5bb6\u5e74\u734e\u300d\uff08\u821e\u53f0\u5c0e\u6f14\uff09\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1999, \"\u4f5c\u54c1\": \"\u300a\u5730\u4e45\u5929\u9577\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 1999, \"\u4f5c\u54c1\": \"\u300a\u7537\u4eba\uff0e\u5f35\u751f\uff0e Romeo \u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u6bdb\u4fca\u8f1d\u5be6\u9a57\u5275\u4f5c\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2000, \"\u4f5c\u54c1\": \"\u300a\u7159\u96e8\u7d05\u8239\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u82f1\u7687\u821e\u53f0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2000, \"\u4f5c\u54c1\": \"\u300a\u8840\u5a5a\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2001, \"\u4f5c\u54c1\": \"\u300a\u660e\u6708\u4f55\u66fe\u662f\u5169\u9109\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2001, \"\u4f5c\u54c1\": \"\u51fa\u4efb\u9999\u6e2f\u8a71\u5287\u5718\u85dd\u8853\u7e3d\u76e3\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2001, \"\u4f5c\u54c1\": \"\u300a\u5730\u4e45\u5929\u9577\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2002, \"\u4f5c\u54c1\": \"\u300a\u9084\u9b42\u9999\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u5c0e\u6f14\u300d\" },\r\n  { \"\u5e74\u4efd\": 2002, \"\u4f5c\u54c1\": \"\u300a\u65b0\u50be\u57ce\u4e4b\u6200\u300b\uff082002 \u521d\u7248\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2002, \"\u4f5c\u54c1\": \"\u300a\u5982\u5922\u4e4b\u5922\u300b\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2003, \"\u4f5c\u54c1\": \"\u300a\u9178\u9178\u751c\u751c\u9999\u6e2f\u5730\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2004, \"\u4f5c\u54c1\": \"\u7372\u9999\u6e2f\u7279\u5225\u884c\u653f\u5340\u653f\u5e9c\u9812\u6388\u9285\u7d2b\u834a\u661f\u7ae0\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2004, \"\u4f5c\u54c1\": \"\u300a\u5bb6\u5ead\u4f5c\u5b7d\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2004, \"\u4f5c\u54c1\": \"\u300a\u9178\u9178\u751c\u751c\u9999\u6e2f\u5730\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2004, \"\u4f5c\u54c1\": \"\u300a\u9178\u9178\u751c\u751c\u9999\u6e2f\u5730\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718 \uff08\u53c3\u52a0\u4e2d\u570b\u85dd\u8853\u7bc0\u53ca \u8d74\u4e0a\u6d77\u516c\u958b\u6f14\u51fa\uff09\", \"\u7372\u734e\": \"\u7372\u4e0a\u6d77\u767d\u7389\u862d\u734e\uff1a \u99ae\u851a\u8861\u6700\u4f73\u5973\u914d\u89d2\" },\r\n  { \"\u5e74\u4efd\": 2004, \"\u4f5c\u54c1\": \"\u300a\u6c42\u8b49\u300b\uff08\u5167\u5730\u7248\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u4e0a\u6d77\u8a71\u5287\u85dd\u8853\u4e2d\u5fc3\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2005, \"\u4f5c\u54c1\": \"\u300a\u6c42\u8b49\u300b\uff08\u9999\u6e2f\u7248\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718 \uff08\u6eec\u6e2f\u4ea4\u6d41\u6f14\u51fa\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2005, \"\u4f5c\u54c1\": \"\u300a\u65b0\u50be\u57ce\u4e4b\u6200 2005\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2005, \"\u4f5c\u54c1\": \"\u300a\u65b0\u50be\u57ce\u4e4b\u6200\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718 \uff08\u4e0a\u6d77\u5916\u8a2a\u6f14\u51fa\uff09\", \"\u7372\u734e\": \"\u7372\u4e0a\u6d77\u767d\u7389\u862d\u734e\uff1a \u6881\u5bb6\u8f1d\u6700\u4f73\u7537\u914d\u89d2\u699c\u9996\u3001 \u8607\u7389\u83ef\u6700\u4f73\u5973\u4e3b\u89d2\u63d0\u540d\u3001 \u5289\u96c5\u9e97\u6700\u4f73\u5973\u914d\u89d2\" },\r\n  { \"\u5e74\u4efd\": 2006, \"\u4f5c\u54c1\": \"\u300a\u65b0\u50be\u57ce\u4e4b\u6200\u2015 06 \u50be\u60c5\u518d\u9047\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718 \uff08\u7f8e\u52a0\u5de1\u6f14\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2006, \"\u4f5c\u54c1\": \"\u300a\u65b0\u50be\u57ce\u4e4b\u6200\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718 \uff08\u300c\u76f8\u7d04\u5317\u4eac\u300d\u5c55\u6f14\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2007, \"\u4f5c\u54c1\": \"\u300a\u6211\u81ea\u5728\u6c5f\u6e56\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2007, \"\u4f5c\u54c1\": \"\u300a\u842c\u5bb6\u4e4b\u5bf6\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2007, \"\u4f5c\u54c1\": \"\u300a\u68a8\u82b1\u5922\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2008, \"\u4f5c\u54c1\": \"\u300a\u5fb7\u9f61\u8207\u6148\u79a7\u300b\uff08\u570b\u8a9e\u7248\uff09\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718 \uff08\u8d74\u4eac\u6f14\u51fa\uff09\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2010, \"\u4f5c\u54c1\": \"\u300a\u60c5\u8a71\u7d2b\u91f5\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0 (\u4ee3\u8868\u9999\u6e2f\u8d74\u4e0a\u6d77\u4e16\u535a\u6f14\u51fa)\", \"\u7372\u734e\": \"\u7372 2011 \u5e74\u4e0a\u6d77 \u58f9\u6232\u5287\u5927\u8cde\u300c\u5e74\u5ea6\u6642\u5c1a \u6232\u66f2\u5927\u734e\u300d\" },\r\n  { \"\u5e74\u4efd\": 2010, \"\u4f5c\u54c1\": \"\u300a\u66d9\u8272\u7d2b\u7981\u57ce\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u4e2d\u570b\u570b\u5bb6\u4eac\u5287\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2011, \"\u4f5c\u54c1\": \"\u300a\u674e\u5f8c\u4e3b\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u5eb7\u6a02\u53ca\u6587\u5316\u4e8b\u52d9\u7f72 \u300c\u4e2d\u570b\u6232\u66f2\u7bc0\u300d\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2011, \"\u4f5c\u54c1\": \"\u7372\u7b2c\u516d\u5c46\u98a8\u5c1a\u4e2d\u570b\u699c\u5e74\u5ea6\u98a8\u5c1a\u6232\u5287\u85dd\u8853\u5bb6\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2012, \"\u4f5c\u54c1\": \"\u300a\u60c5\u8a71\u7d2b\u91f5\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u9382\u85dd\u793e\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2012, \"\u4f5c\u54c1\": \"\u300a\u4e00\u8d77\u7ffb\u8eab\u7684\u65e5\u5b50\u300b\", \"\u8eab\u5206\": \"\u53cb\u5c0e\u8a08\u5283\u85dd\u8853\u7e3d\u76e3\", \"\u55ae\u4f4d\": \"\u6fb3\u9580\u6587\u5316\u4e2d\u5fc3\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2012, \"\u4f5c\u54c1\": \"\u300a\u67cf\u963f\u59e8\u7684\u4e00\u5929\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u4e0a\u6d77\u73fe\u4ee3\u6232\u5287\u8c37\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2013, \"\u4f5c\u54c1\": \"\u300a\u6148\u79a7\u8207\u5fb7\u9f61\u300b\uff08\u5373\u300a\u66d9\u8272\u7d2b\u7981\u57ce\u300b\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2014, \"\u4f5c\u54c1\": \"\u300a\u675c\u8001\u8a8c\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u82f1\u7687\u821e\u53f0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2014, \"\u4f5c\u54c1\": \"\u51fa\u4efb\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\u6232\u66f2\u5b78\u9662\u5275\u9662\u9662\u9577\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2015, \"\u4f5c\u54c1\": \"\u300a\u675c\u8001\u8a8c\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u82f1\u7687\u821e\u53f0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2017, \"\u4f5c\u54c1\": \"\u300a\u7236\u89aa\u300b\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e \u300c\u6700\u4f73\u7537\u4e3b\u89d2\u300d\u53ca \u300cIATC\uff08HK\uff09\u5287\u8a55\u4eba\u734e\u300d 2017 \u5e74\u5ea6\u6f14\u54e1\u734e\" },\r\n  { \"\u5e74\u4efd\": 2017, \"\u4f5c\u54c1\": \"\u7372\u9999\u6e2f\u85dd\u8853\u767c\u5c55\u5c40\u9812\u6388\u300c\u5091\u51fa\u85dd\u8853\u8ca2\u737b\u734e\u300d\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2018, \"\u4f5c\u54c1\": \"\u300a\u767e\u82b1\u4ead\u8d08\u528d\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2018, \"\u4f5c\u54c1\": \"\u300a\u596a\u547d\u8a3c\u4eba\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u82f1\u7687\u821e\u53f0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2019, \"\u4f5c\u54c1\": \"\u300a\u767e\u82b1\u4ead\u8d08\u528d\u300b\uff08\u66f4\u65b0\u7248\uff09\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2019, \"\u4f5c\u54c1\": \"\u300a\u7236\u89aa\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2019, \"\u4f5c\u54c1\": \"\u300a\u6d6e\u751f\u8a18\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u6fb3\u9580\u6587\u5316\u4e2d\u5fc3\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2021, \"\u4f5c\u54c1\": \"\u300a\u7236\u89aa\u300b\uff08\u91cd\u6f14\uff09\", \"\u8eab\u5206\": \"\u6f14\u54e1\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\u7372\u4e0a\u6d77\u58f9\u6232\u5287\u5927\u8cde \u300c\u5e74\u5ea6\u6700\u4f73\u7537\u6f14\u54e1\u300d\" },\r\n  { \"\u5e74\u4efd\": 2021, \"\u4f5c\u54c1\": \"\u300a\u5f80\u5927\u99ac\u58eb\u9769\u4e4b\u8def\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u8a71\u5287\u5718\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2022, \"\u4f5c\u54c1\": \"\u7372\u9999\u6e2f\u653f\u5e9c\u53ca\u8cfd\u99ac\u6703\u8cc7\u52a9\u9032\u884c\u300c\u8cfd\u99ac\u6703\u6bdb\u4fca\u8f1d\u5287\u85dd\u7814\u5275\u8a08\u5283\u300d\", \"\u8eab\u5206\": \"\", \"\u55ae\u4f4d\": \"\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2023, \"\u4f5c\u54c1\": \"\u300a\u6bdb\u4fca\u8f1d\uff0e\u7cb5\u5287\u60c5\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u9999\u6e2f\u85dd\u8853\u7bc0\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2023, \"\u4f5c\u54c1\": \"\u300a\u50be\u5be7\u592b\u4eba\u300b\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u5b89\u5fbd\u518d\u82ac\u9ec3\u6885\u85dd\u8853\u5287\u9662\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2024, \"\u4f5c\u54c1\": \"\u300a\u5e73\u8cb4\uff0c\u6211\u5728\u7b49\u4f60\u300b\u968e\u6bb5\u5c55\u6f14\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u8cfd\u99ac\u6703\u6bdb\u4fca\u8f1d\u5287\u85dd\u7814\u5275\u8a08\u5283\", \"\u7372\u734e\": \"\" },\r\n  { \"\u5e74\u4efd\": 2025, \"\u4f5c\u54c1\": \"\u300a\u963f\u831c\u7684\u8a87\u5566\u5566\u6551\u570b\u5922\u300b\u968e\u6bb5\u5c55\u6f14\", \"\u8eab\u5206\": \"\u5c0e\u6f14\", \"\u55ae\u4f4d\": \"\u8cfd\u99ac\u6703\u6bdb\u4fca\u8f1d\u5287\u85dd\u7814\u5275\u8a08\u5283\", \"\u7372\u734e\": \"\" }\r\n];\r\n        const cleanedData = rawData.map(row => ({\r\n          year: row['\u5e74\u4efd'],\r\n          work: row['\u4f5c\u54c1'],\r\n          role: row['\u8eab\u5206'],\r\n          unit: row['\u55ae\u4f4d'],\r\n          award: row['\u7372\u734e']\r\n        })).filter(row => row.year !== null);\r\n        setData(cleanedData);\r\n        setLoading(false);\r\n      }, []);\r\n\r\n      const decadesData = data.reduce((acc, row) => {\r\n        if (row.role) {\r\n          const decade = Math.floor(row.year \/ 10) * 10;\r\n          acc[decade] = (acc[decade] || 0) + (row.work ? 1 : 0);\r\n          return acc;\r\n        }\r\n        return acc;\r\n      }, {});\r\n      const decadesChartData = Object.keys(decadesData).map(decade => ({\r\n        name: `${decade}s`,\r\n        count: decadesData[decade]\r\n      }));\r\n\r\n      const rolesData = data.reduce((acc, row) => {\r\n        if (row.role) {\r\n          acc[row.role] = (acc[row.role] || 0) + 1;\r\n        }\r\n        return acc;\r\n      }, {});\r\n      const rolesChartData = Object.keys(rolesData).map(role => ({\r\n        name: role || '\u5176\u4ed6',\r\n        value: rolesData[role]\r\n      }));\r\n\r\n      const filteredData = data.filter(row => {\r\n        if (filter === 'all') return true;\r\n        return row.role === filter;\r\n      });\r\n\r\n      if (loading) {\r\n        return (\r\n          <div className=\"flex justify-center items-center h-screen\">\r\n            <p className=\"text-2xl text-gray-700\">\u8f09\u5165\u4e2d...<\/p>\r\n          <\/div>\r\n        );\r\n      }\r\n\r\n      return (\r\n        <div className=\"container mx-auto p-4 bg-white shadow-lg rounded-lg\">\r\n          <div className=\"text-center py-8 bg-red-800 text-white rounded-t-lg\">\r\n            <h1 className=\"text-4xl font-bold\">\u6bdbsir \u7684\u6232\u5287\u4eba\u751f<\/h1>\r\n            <p className=\"mt-2 text-lg\">\r\n              \u63a2\u7d22\u6bdb\u4fca\u8f1d\u5728\u6232\u5287\u754c\u7684\u8f1d\u714c\u65c5\u7a0b\uff0c\u8de8\u8d8a\u4e94\u5341\u5e74\u7684\u6f14\u51fa\u3001\u5c0e\u6f14\u53ca\u9818\u5c0e\u6210\u5c31\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div className=\"flex justify-center space-x-4 my-6\">\r\n            <button\r\n              className={`px-4 py-2 rounded ${filter === 'all' ? 'bg-red-600 text-white' : 'bg-gray-200'}`}\r\n              onClick={() => setFilter('all')}\r\n            >\r\n              \u5168\u90e8\r\n            <\/button>\r\n            <button\r\n              className={`px-4 py-2 rounded ${filter === '\u6f14\u54e1' ? 'bg-red-600 text-white' : 'bg-gray-200'}`}\r\n              onClick={() => setFilter('\u6f14\u54e1')}\r\n            >\r\n              \u6f14\u54e1\r\n            <\/button>\r\n            <button\r\n              className={`px-4 py-2 rounded ${filter === '\u5c0e\u6f14' ? 'bg-red-600 text-white' : 'bg-gray-200'}`}\r\n              onClick={() => setFilter('\u5c0e\u6f14')}\r\n            >\r\n              \u5c0e\u6f14\r\n            <\/button>\r\n          <\/div>\r\n\r\n          <section className=\"my-8\">\r\n            <h2 className=\"text-2xl font-semibold text-gray-800 mb-4\">\u6232\u5287\u4eba\u751f\u6642\u9593\u8ef8<\/h2>\r\n            <div className=\"space-y-4\">\r\n              {filteredData.map((row, index) => (\r\n                <div key={index} className=\"border-l-4 border-red-600 pl-4 py-2\">\r\n                  <p className=\"text-lg font-bold\">{row.year}<\/p>\r\n                  <p className=\"text-gray-700\">\r\n                    <span className=\"font-semibold\">{row.work || '\u91cd\u8981\u91cc\u7a0b\u7891'}<\/span>\r\n                    {row.role && ` - ${row.role}`}\r\n                    {row.unit && ` - ${row.unit}`}\r\n                  <\/p>\r\n                  {row.award && (\r\n                    <p className=\"text-yellow-600 italic text-sm mt-1\">\r\n                        \u7372\u734e\uff1a{row.award}\r\n                    <\/p>\r\n                  )}\r\n                <\/div>\r\n              ))}\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section className=\"my-8\">\r\n            <h2 className=\"text-2xl font-semibold text-gray-800 mb-4\">\u6578\u64da\u4e00\u89bd<\/h2>\r\n            <div className=\"mb-8\">\r\n              <h3 className=\"text-xl font-medium text-gray-700 mb-2\">\u6bcf\u5341\u5e74\u4f5c\u54c1\u6578\u91cf<\/h3>\r\n              <Recharts.ResponsiveContainer width=\"100%\" height={300}>\r\n                <Recharts.BarChart data={decadesChartData}>\r\n                  <Recharts.CartesianGrid strokeDasharray=\"3 3\" \/>\r\n                  <Recharts.XAxis dataKey=\"name\" fontSize={12} \/>\r\n                  <Recharts.YAxis fontSize={12} \/>\r\n                  <Recharts.Tooltip \/>\r\n                  <Recharts.Legend \/>\r\n                  <Recharts.Bar dataKey=\"count\" fill=\"#b91c1c\" \/>\r\n                <\/Recharts.BarChart>\r\n              <\/Recharts.ResponsiveContainer>\r\n            <\/div>\r\n            <div className=\"mb-8\">\r\n              <h3 className=\"text-xl font-medium text-gray-700 mb-2\">\u89d2\u8272\u5206\u4f48<\/h3>\r\n              <Recharts.ResponsiveContainer width=\"100%\" height={300}>\r\n                <Recharts.PieChart>\r\n                  <Recharts.Pie\r\n                    data={rolesChartData}\r\n                    dataKey=\"value\"\r\n                    nameKey=\"name\"\r\n                    cx=\"50%\"\r\n                    cy=\"50%\"\r\n                    outerRadius={80}\r\n                    fill=\"#b91c1c\"\r\n                    label\r\n                  >\r\n                    {rolesChartData.map((entry, index) => (\r\n                      <Recharts.Cell key={`cell-${index}`} fill={['#b91c1c', '#1f2937', '#d97706'][index % 3]} \/>\r\n                    ))}\r\n                  <\/Recharts.Pie>\r\n                  <Recharts.Tooltip \/>\r\n                  <Recharts.Legend \/>\r\n                <\/Recharts.PieChart>\r\n              <\/Recharts.ResponsiveContainer>\r\n            <\/div>\r\n          <\/section>\r\n\r\n          <section className=\"my-8 bg-yellow-50 p-6 rounded-lg\">\r\n            <p className=\"text-gray-700\">\r\n              \u6bdbsir \u6191\u85c9\u5176\u591a\u624d\u591a\u85dd\u7684\u8868\u6f14\u53ca\u5c0e\u6f14\u624d\u80fd\uff0c\u591a\u6b21\u69ae\u7372\u9999\u6e2f\u821e\u53f0\u5287\u734e\uff0c\u5305\u62ec1992\u5e74\u53ca2017\u5e74\u7684\u300c\u6700\u4f73\u7537\u4e3b\u89d2\u300d\u53ca1993\u30011994\u30011995\u30011997\u30012002\u5e74\u7684\u300c\u6700\u4f73\u5c0e\u6f14\u300d\u3002\u4ed6\u5f9e\u6f14\u54e1\u5230\u5c0e\u6f14\uff0c\u518d\u5230\u9999\u6e2f\u8a71\u5287\u5718\u53ca\u9999\u6e2f\u6f14\u85dd\u5b78\u9662\u7684\u9818\u5c0e\u89d2\u8272\uff0c\u5c55\u73fe\u4e86\u5c0d\u9999\u6e2f\u6232\u5287\u754c\u7684\u6df1\u9060\u5f71\u97ff\u3002\r\n            <\/p>\r\n          <\/section>\r\n\r\n          <section className=\"my-8\">\r\n            <h2 className=\"text-2xl font-semibold text-gray-800 mb-4\">\u91cd\u8981\u91cc\u7a0b\u7891\u8207\u734e\u9805<\/h2>\r\n            <table className=\"w-full border-collapse\">\r\n              <thead>\r\n                <tr className=\"bg-red-800 text-white\">\r\n                  <th className=\"border p-2\">\u5e74\u4efd<\/th>\r\n                  <th className=\"border p-2\">\u4e8b\u4ef6\/\u734e\u9805<\/th>\r\n                <\/tr>\r\n              <\/thead>\r\n              <tbody>\r\n                {data.filter(row => row.award || !row.role).map((row, index) => (\r\n                  <tr key={index} className=\"even:bg-gray-50\">\r\n                    <td className=\"border p-2\">{row.year}<\/td>\r\n                    <td className=\"border p-2\">{row.work}{row.award}<\/td>\r\n                  <\/tr>\r\n                ))}\r\n              <\/tbody>\r\n            <\/table>\r\n          <\/section>\r\n\r\n          <section className=\"my-8\">\r\n            <h2 className=\"text-2xl font-semibold text-gray-800 mb-4\">\u7e3d\u7d50<\/h2>\r\n            <p className=\"text-gray-700\">\r\n              \u6bdb\u4fca\u8f1d\u7684\u6232\u5287\u4eba\u751f\u662f\u4e00\u6bb5\u8de8\u8d8a\u4e94\u5341\u5e74\u7684\u8f1d\u714c\u65c5\u7a0b\uff0c\u5f9e\u7f8e\u570b\u7684\u5287\u5834\u6f14\u54e1\u5230\u9999\u6e2f\u7684\u5c0e\u6f14\u53ca\u85dd\u8853\u7e3d\u76e3\uff0c\u4ed6\u4ee5\u5353\u8d8a\u7684\u624d\u83ef\u548c\u9818\u5c0e\u529b\u63a8\u52d5\u4e86\u9999\u6e2f\u53ca\u570b\u969b\u6232\u5287\u7684\u767c\u5c55\u3002\u4ed6\u7684\u4f5c\u54c1\u4e0d\u50c5\u5c55\u73fe\u4e86\u85dd\u8853\u7684\u591a\u6a23\u6027\uff0c\u9084\u901a\u904e\u7372\u734e\u548c\u5275\u65b0\u5be6\u9a57\u70ba\u5f8c\u4eba\u6a39\u7acb\u4e86\u699c\u6a23\u3002\r\n            <\/p>\r\n          <\/section>\r\n        <\/div>\r\n      );\r\n    };\r\n\r\n    const root = ReactDOM.createRoot(document.getElementById('root'));\r\n    root.render(<App \/>);\r\n  <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-315","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/pages\/315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/comments?post=315"}],"version-history":[{"count":85,"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/pages\/315\/revisions"}],"predecessor-version":[{"id":412,"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/pages\/315\/revisions\/412"}],"wp:attachment":[{"href":"https:\/\/mcfpacf.org.hk\/en\/wp-json\/wp\/v2\/media?parent=315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}