Files
vf_react/public/htmls/腾讯混元大模型.html
2025-12-05 13:29:18 +08:00

539 lines
34 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN" data-theme="night">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>腾讯混元大模型 - 深度投研报告</title>
<!-- Tailwind CSS & DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.10.2/dist/full.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.tailwindcss.com"></script>
<!-- Alpine.js -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<!-- ECharts -->
<script src="https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js"></script>
<style>
/* Custom Styles for Sci-Fi FUI / Glassmorphism Theme */
body {
font-family: 'Helvetica Neue', 'Arial', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
background-color: #020010;
color: #E0E0E0;
overflow-x: hidden;
}
.space-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -10;
background: radial-gradient(ellipse at 70% 30%, rgba(30, 80, 200, 0.2) 0%, rgba(0, 0, 0, 0) 50%),
radial-gradient(ellipse at 30% 70%, rgba(120, 40, 180, 0.2) 0%, rgba(0, 0, 0, 0) 50%),
radial-gradient(circle at 50% 50%, rgba(10, 10, 30, 1) 0%, rgba(2, 0, 16, 1) 100%);
}
.glass-card {
background-color: rgba(10, 15, 40, 0.3);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 2rem; /* 极致圆角 */
transition: all 0.3s ease;
}
.glass-card:hover {
transform: translateY(-5px) scale(1.01);
box-shadow: 0 0 40px rgba(50, 100, 255, 0.2);
border-color: rgba(255, 255, 255, 0.25);
}
.glow-title {
color: #ffffff;
text-shadow: 0 0 5px rgba(150, 200, 255, 0.8), 0 0 10px rgba(150, 200, 255, 0.6);
}
.accent-text {
color: #82aaff;
}
.bento-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(12, 1fr);
}
/* Responsive grid item spans */
.col-span-12 { grid-column: span 12 / span 12; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-4 { grid-column: span 4 / span 4; }
@media (max-width: 1024px) {
.lg\:col-span-8 { grid-column: span 12 / span 12; }
.lg\:col-span-6 { grid-column: span 12 / span 12; }
.lg\:col-span-4 { grid-column: span 12 / span 12; }
}
/* Custom DaisyUI table style */
.table.glass-table {
background-color: transparent;
}
.table.glass-table th, .table.glass-table td {
background-color: rgba(10, 15, 40, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
color: #C0C0C0;
}
.table.glass-table th {
color: #E0E0E0;
font-size: 1rem;
}
.table.glass-table tr:last-child td {
border-bottom: none;
}
.table.glass-table tr:hover td {
background-color: rgba(30, 40, 80, 0.5);
color: #ffffff;
}
/* Custom scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); border-radius: 10px; }
::-webkit-scrollbar-thumb { background: rgba(50, 100, 255, 0.3); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(50, 100, 255, 0.5); }
</style>
</head>
<body class="min-h-screen p-4 sm:p-6 lg:p-8">
<div class="space-bg"></div>
<div class="max-w-screen-2xl mx-auto">
<!-- Header -->
<header class="text-center mb-12">
<h1 class="text-4xl md:text-6xl font-bold glow-title tracking-wider">腾讯混元大模型</h1>
<h2 class="text-xl md:text-2xl text-slate-300 mt-2">深度投研报告</h2>
<p class="mt-4 text-sm text-slate-400 max-w-4xl mx-auto">
北京价值前沿科技有限公司 AI投研agent“价小前投研” 进行投研呈现。本报告基于多源公开信息由AI合成不构成任何投资建议投资需谨慎。
</p>
</header>
<!-- Main Content Grid -->
<main class="bento-grid">
<!-- Core View Summary -->
<section class="col-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold glow-title mb-4">核心观点摘要</h3>
<p class="text-slate-300 text-lg leading-relaxed">
腾讯混元大模型正处于从技术追赶到<span class="accent-text font-semibold">应用与生态全面爆发</span>的加速阶段。其核心驱动力源于<span class="accent-text font-semibold">“内部全场景赋能”</span><span class="accent-text font-semibold">“外部激进开源”</span>的双轮战略,通过 leveraging利用其无与伦比的社交、游戏数据和应用场景构建差异化竞争优势。其未来潜力不仅在于提升现有业务的效率与天花板更在于通过开放生态抢占下一代互联网的入口但商业化闭环和技术领先的持续性仍是其关键挑战。
</p>
</section>
<!-- Development Timeline -->
<section class="col-span-12 lg:col-span-8 glass-card p-6 md:p-8 flex flex-col min-h-[480px]">
<h3 class="text-2xl font-bold glow-title mb-4">发展历程与关键事件</h3>
<div id="timeline-chart" class="flex-grow w-full h-full"></div>
</section>
<!-- Key Catalysts -->
<section class="col-span-12 lg:col-span-4 glass-card p-6 md:p-8 flex flex-col min-h-[480px]">
<h3 class="text-2xl font-bold glow-title mb-4">关键催化剂</h3>
<div class="space-y-4 text-slate-300 mt-2 flex-grow">
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white">原生多模态模型发布</h4>
<p class="text-sm mt-1">新闻提及“混元原生多模态图像生成模型,也在路上了”,技术上的重大升级将显著提升性能,可能成为重要的市场催化剂。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white">C端应用“元宝”功能迭代</h4>
<p class="text-sm mt-1">若能与微信生态进行更深度的融合如个人IP分身、结合小程序提供服务闭环或推出杀手级功能可能引爆用户增长。</p>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white">混元3D国际站推出</h4>
<p class="text-sm mt-1">新闻披露混元3D正加速出海这不仅是业务的扩张更是其技术实力接受全球市场检验的关键一步有望打开新的增长空间。</p>
</div>
</div>
</section>
<!-- Core Logic & Market Perception -->
<section class="col-span-12 glass-card p-6 md:p-8" x-data="{ tab: 'drivers' }">
<div class="flex border-b border-white/10 mb-4">
<button @click="tab = 'drivers'" :class="{'border-b-2 border-cyan-400 text-white': tab === 'drivers', 'text-slate-400': tab !== 'drivers'}" class="px-4 py-2 font-semibold transition-colors">核心驱动力</button>
<button @click="tab = 'gaps'" :class="{'border-b-2 border-cyan-400 text-white': tab === 'gaps', 'text-slate-400': tab !== 'gaps'}" class="px-4 py-2 font-semibold transition-colors">预期差分析</button>
</div>
<div x-show="tab === 'drivers'" class="grid grid-cols-1 md:grid-cols-3 gap-6 text-slate-300">
<div>
<h4 class="font-bold text-lg accent-text mb-2">技术架构驱动的成本效益</h4>
<p>普遍采用<span class="font-semibold text-white">MoE混合专家架构</span>,并依托高效自研训练框架<span class="font-semibold text-white">AngelPTM</span>实现了技术快速迭代与成本显著优化如混元Turbo推理成本<span class="font-semibold text-white">下降50%</span>),是高频发布与低价策略的根本保障。</p>
</div>
<div>
<h4 class="font-bold text-lg accent-text mb-2">“场景+数据”飞轮驱动</h4>
<p>核心壁垒在于无可比拟的应用场景微信、QQ、游戏等和数据。内部<span class="font-semibold text-white">700+</span>业务接入形成<span class="font-semibold text-white">“模型优化-应用增强-数据回流”</span>的正向飞轮。研报明确指出,元宝回答深度高的本质是公众号背后高质量内容的积累。</p>
</div>
<div>
<h4 class="font-bold text-lg accent-text mb-2">开放生态战略驱动</h4>
<p>自2024年底以来采取激进的开源策略覆盖语言、图像、3D、视频等多个模态。意图通过开源吸引开发者构建应用生态反哺<span class="font-semibold text-white">腾讯云</span>的算力销售成为AI时代的基础设施。</p>
</div>
</div>
<div x-show="tab === 'gaps'" class="space-y-4 text-slate-300">
<div>
<h4 class="font-bold text-lg accent-text">“全能”叙事 vs. “长短板”现实</h4>
<p>市场普遍认知其能力全面,但数据显示其能力存在侧重:<span class="font-semibold text-white">编程和中国本土化场景理解</span>能力优异,但早期在<span class="font-semibold text-white">复杂数学推理</span>上仍有失误。市场宏大叙事可能忽略了其与全球顶尖模型的细微差距。</p>
</div>
<div>
<h4 class="font-bold text-lg accent-text">开源的战略意图被低估</h4>
<p>深层逻辑可能是通过开源<span class="font-semibold text-white">“组件化”能力</span>如3D、视频音效让开发者为其“内容-娱乐”生态添砖加瓦,最终服务于其<span class="font-semibold text-white">游戏、元宇宙</span>等核心战略。</p>
</div>
<div>
<h4 class="font-bold text-lg accent-text">人事变动的潜在影响</h4>
<p>新闻提及AI Lab计算机视觉中心负责人<span class="font-semibold text-white">刘威</span>离职。市场可能忽略了核心人才流失对特定技术方向长期发展的潜在风险。</p>
</div>
</div>
</section>
<!-- Model Matrix & Technicals -->
<section class="col-span-12 lg:col-span-6 glass-card p-6 md:p-8 flex flex-col min-h-[480px]">
<h3 class="text-2xl font-bold glow-title mb-4">模型矩阵解析 (部分)</h3>
<div class="space-y-4 overflow-y-auto pr-2 flex-grow">
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white">大语言模型 (LLM)</h4>
<ul class="list-disc list-inside text-sm mt-2 text-slate-300 space-y-1">
<li><span class="font-semibold accent-text">混元Turbo:</span> 新一代主力MoE模型, 对标GPT-4o, 推理效率+100%, 成本-50%。</li>
<li><span class="font-semibold accent-text">混元Turbo S:</span> 快思考模型, 实现“秒回”, 吐字速度提升一倍。</li>
<li><span class="font-semibold accent-text">混元T1:</span> 深度思考模型, 强推理, 擅长超长文处理。</li>
<li><span class="font-semibold accent-text">混元Large:</span> 开源MoE模型, 支持企业精调与部署, 免费可商用。</li>
<li><span class="font-semibold accent-text">小尺寸模型系列:</span> 0.5B至7B, 消费级显卡可运行, 适用于端侧场景。</li>
</ul>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white">多模态模型</h4>
<ul class="list-disc list-inside text-sm mt-2 text-slate-300 space-y-1">
<li><span class="font-semibold accent-text">图像:</span> 混元图像2.1支持1000 tokens提示词和原生2K生图。</li>
<li><span class="font-semibold accent-text">3D:</span> 密集开源Hunyuan3D系列, 业界首个文/图生3D模型, 建模精度达1024。</li>
<li><span class="font-semibold accent-text">世界模型:</span> 开源混元3D世界模型1.0, 可沉浸漫游、可交互。</li>
<li><span class="font-semibold accent-text">视频/音效/数字人:</span> 开源图生视频、视频音效(HunyuanVideo-Foley)、语音数字人(HunyuanVideo-Avatar)模型。</li>
<li><span class="font-semibold accent-text">OCR/翻译:</span> 开源1B参数HunyuanOCR, 7B参数翻译模型Hunyuan-MT-7B。</li>
</ul>
</div>
<div class="p-4 bg-black/20 rounded-xl border border-white/10">
<h4 class="font-semibold text-white">技术架构与训练</h4>
<p class="text-sm mt-2 text-slate-300">依托自研训练框架<span class="font-semibold accent-text">AngelPTM</span>, 训练性能是业界开源框架的2.6倍, GPU利用率(MFU)突破62%, 训练成本下降60%。支撑平台为<span class="font-semibold accent-text">腾讯云智算</span></p>
</div>
</div>
</section>
<!-- Industry Chain -->
<section class="col-span-12 lg:col-span-6 glass-card p-6 md:p-8 flex flex-col min-h-[480px]">
<h3 class="text-2xl font-bold glow-title mb-4">产业链与生态图谱</h3>
<div id="ecosystem-chart" class="flex-grow w-full h-full -mx-4"></div>
</section>
<!-- Potential Risks -->
<section class="col-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold glow-title mb-4">潜在风险与挑战</h3>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 text-slate-300">
<div>
<h4 class="font-bold text-lg text-amber-400 mb-2">技术风险</h4>
<ul class="list-disc list-inside text-sm space-y-1">
<li>核心人才流失 (如AI Lab视觉负责人刘威离职)。</li>
<li>“双引擎”战略可能暗示自研模型在某些方面未达最优。</li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg text-amber-400 mb-2">商业化风险</h4>
<ul class="list-disc list-inside text-sm space-y-1">
<li>激进降价可能引发价格战,侵蚀腾讯云利润率。</li>
<li>C端应用“元宝”变现路径尚不清晰。</li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg text-amber-400 mb-2">政策与竞争风险</h4>
<ul class="list-disc list-inside text-sm space-y-1">
<li>国内大模型竞争白热化,同质化趋势明显。</li>
<li>海量用户数据伴随严格的数据安全与隐私监管要求。</li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg text-amber-400 mb-2">信息交叉验证风险</h4>
<ul class="list-disc list-inside text-sm space-y-1">
<li>参数规模等营销术语可能误导市场。</li>
<li>需关注数据时间戳,避免使用过时信息。</li>
</ul>
</div>
</div>
</section>
<!-- Conclusion & Investment Insights -->
<section class="col-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold glow-title mb-4">综合结论与投资启示</h3>
<p class="text-slate-300 mb-6">
腾讯混元大模型已进入<span class="accent-text font-semibold">“基本面驱动与生态验证”</span>并存的关键时期。其强大的技术迭代能力、内部业务的深度融合已构成坚实基本面,但其外部生态的构建和商业化的成功与否,将是决定其最终价值的核心验证点。
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-slate-300">
<div>
<h4 class="font-bold text-lg text-cyan-300 mb-2">最具投资价值细分环节</h4>
<ul class="list-decimal list-inside text-sm space-y-2">
<li><span class="font-semibold">“卖铲人”——算力基础设施:</span> 确定性最高如IDC服务商和国产AI芯片厂商。</li>
<li><span class="font-semibold">“淘金向导”——行业解决方案集成商:</span> 负责商业化落地“最后一公里”,价值凸显。</li>
<li><span class="font-semibold">“杀手级应用”——场景创新者:</span> 风险高但爆发力最强,如真正创造独特用户价值的应用。</li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg text-cyan-300 mb-2">需重点跟踪和验证的关键指标</h4>
<ul class="list-disc list-inside text-sm space-y-2">
<li>腾讯云财报中AI相关收入规模和增速。</li>
<li>腾讯元宝的月活跃用户数MAU和用户时长。</li>
<li>开源模型在HuggingFace等平台的下载量与社区活跃度。</li>
<li>核心合作伙伴财报中由混元驱动的新增收入。</li>
</ul>
</div>
<div class="md:col-span-1">
<img src="https://i.imgur.com/G5g2mJc.png" alt="Abstract AI representation" class="rounded-2xl object-cover w-full h-full opacity-70">
</div>
</div>
</section>
<!-- Associated Stocks -->
<section class="col-span-12 glass-card p-6 md:p-8">
<h3 class="text-2xl font-bold glow-title mb-6">相关产业链公司梳理</h3>
<div class="overflow-x-auto">
<table class="table glass-table w-full">
<thead>
<tr>
<th>股票名称</th>
<th>股票代码</th>
<th>关联原因</th>
<th>其他标签</th>
</tr>
</thead>
<tbody>
<tr>
<td>东华软件</td>
<td><a href="https://valuefrontier.cn/company?scode=002065" target="_blank" class="link link-hover accent-text">002065</a></td>
<td>与腾讯开展战略合作,包含数字孪生、元宇宙、云计算、碳中和、智慧产业数字化等领域</td>
<td>韭研公社搜互动</td>
</tr>
<tr>
<td>常山北明</td>
<td><a href="https://valuefrontier.cn/company?scode=000158" target="_blank" class="link link-hover accent-text">000158</a></td>
<td>腾讯在财报交流会上表示将持续优化混元模型,与北明形成了紧密的产品融合和解决方案融合</td>
<td>2023年财报交流会</td>
</tr>
<tr>
<td>中科软</td>
<td><a href="https://valuefrontier.cn/company?scode=603927" target="_blank" class="link link-hover accent-text">603927</a></td>
<td>混元大模型标准级行业合作伙伴</td>
<td>混元官网</td>
</tr>
<tr>
<td>值得买</td>
<td><a href="https://valuefrontier.cn/company?scode=300785" target="_blank" class="link link-hover accent-text">300785</a></td>
<td>AI购物助手“小值”入驻基于腾讯混元大模型的AI助手腾讯元宝</td>
<td>公开资讯</td>
</tr>
<tr>
<td>中科金财</td>
<td><a href="https://valuefrontier.cn/company?scode=002657" target="_blank" class="link link-hover accent-text">002657</a></td>
<td>腾讯云标准级集成合作伙伴,公司多场景多基座大模型引擎已接入腾讯混元大模型</td>
<td>韭研公社搜互动</td>
</tr>
<tr>
<td>世纪华通</td>
<td><a href="https://valuefrontier.cn/company?scode=002602" target="_blank" class="link link-hover accent-text">002602</a></td>
<td>腾讯相关算力集群租用了公司上海数据中心项目机柜</td>
<td>韭研公社搜互动</td>
</tr>
<tr>
<td>世纪恒通</td>
<td><a href="https://valuefrontier.cn/company?scode=301428" target="_blank" class="link link-hover accent-text">301428</a></td>
<td>业务开展过程中有运用混元生文相关AI技术以提高系统效率和提升产品体验</td>
<td>韭研公社搜互动</td>
</tr>
<tr>
<td>博思软件</td>
<td><a href="https://valuefrontier.cn/company?scode=300525" target="_blank" class="link link-hover accent-text">300525</a></td>
<td>腾讯作为公司股东,双方将探索在前沿技术领域例如腾讯混元大模型等方面的合作可能性</td>
<td>韭研公社搜互动</td>
</tr>
<tr>
<td>天虹股份</td>
<td><a href="https://valuefrontier.cn/company?scode=002419" target="_blank" class="link link-hover accent-text">002419</a></td>
<td>正在和相关产品接洽,并在内部开展创新及尝试</td>
<td>韭研公社搜公告</td>
</tr>
<tr>
<td>南天信息</td>
<td><a href="https://valuefrontier.cn/company?scode=000948" target="_blank" class="link link-hover accent-text">000948</a></td>
<td>卓越级金融端大模型落地,公司为混元大模型卓越级集成合作伙伴</td>
<td class="text-amber-400">网传,未见公开信息</td>
</tr>
<tr>
<td>神州数码</td>
<td><a href="https://valuefrontier.cn/company?scode=000034" target="_blank" class="link link-hover accent-text">000034</a></td>
<td>标准级金融端大模型落地,公司为混元大模型标准级集成合作伙伴</td>
<td class="text-amber-400">网传,未见公开信息</td>
</tr>
</tbody>
</table>
</div>
</section>
</main>
<footer class="text-center mt-12 text-xs text-slate-500">
<p>本报告由“价小前投研”AI Agent生成所有数据均来源于公开信息仅供参考不构成投资建议。</p>
<p>&copy; 2024 北京价值前沿科技有限公司. All Rights Reserved.</p>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function () {
// Timeline Chart
var timelineChartDom = document.getElementById('timeline-chart');
if (timelineChartDom) {
var timelineChart = echarts.init(timelineChartDom, 'dark');
var timelineOption = {
backgroundColor: 'transparent',
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function (params) {
return params[0].name + '<br/>' + params[0].marker + params[0].value[2];
}
},
grid: {
left: '3%',
right: '4%',
bottom: '5%',
containLabel: true
},
xAxis: {
type: 'time',
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.2)' } },
splitLine: { show: false }
},
yAxis: {
type: 'value',
axisLine: { lineStyle: { color: 'rgba(255,255,255,0.2)' } },
splitLine: { lineStyle: { color: 'rgba(255,255,255,0.1)' } }
},
series: [{
name: '事件',
type: 'bar',
barWidth: '20%',
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#83bff6' },
{ offset: 0.5, color: '#188df0' },
{ offset: 1, color: '#188df0' }
])
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
{ offset: 0, color: '#2378f7' },
{ offset: 0.7, color: '#2378f7' },
{ offset: 1, color: '#83bff6' }
])
}
},
data: [
['2022-01-01', 1, '发布混元多模态模型'],
['2023-09-07', 2, '混元大模型正式对外发布'],
['2024-05-30', 3, 'C端应用“腾讯元宝”上线'],
['2024-09-05', 4, '发布新一代主力模型混元Turbo'],
['2024-11-05', 5, '开源混元Large及Hunyuan3D-1.0'],
['2025-02-27', 6, '发布快思考模型混元Turbo S'],
['2025-03-06', 7, '开源图生视频模型'],
['2025-03-18', 8, '开源5款全新3D生成模型'],
['2025-03-21', 9, '发布深度思考模型混元T1'],
['2025-04-23', 10, '发布混元3D 2.5版本'],
['2025-05-16', 11, '发布混元图像2.0'],
['2025-07-27', 12, '开源混元3D世界模型1.0'],
['2025-08-28', 13, '开源视频音效生成模型'],
['2025-09-01', 14, '开源翻译模型Hunyuan-MT-7B'],
['2025-09-09', 15, '发布混元图像2.1'],
['2025-09-16', 16, '发布混元3D 3.0模型'],
['2025-11-25', 17, '开源OCR模型HunyuanOCR'],
]
}]
};
timelineChart.setOption(timelineOption);
window.addEventListener('resize', timelineChart.resize);
}
// Ecosystem Chart
var ecosystemChartDom = document.getElementById('ecosystem-chart');
if (ecosystemChartDom) {
var ecosystemChart = echarts.init(ecosystemChartDom, 'dark');
var ecosystemOption = {
backgroundColor: 'transparent',
tooltip: {},
series: [{
type: 'graph',
layout: 'force',
animation: true,
roam: true,
label: {
show: true,
position: 'right',
formatter: '{b}'
},
labelLayout: {
hideOverlap: true
},
force: {
repulsion: 300,
edgeLength: [50, 150]
},
data: [
{ id: '0', name: '腾讯混元大模型', symbolSize: 60, category: 0, itemStyle: { color: '#006acc' } },
{ id: '1', name: '上游-基础设施', symbolSize: 40, category: 1, itemStyle: { color: '#ff7f50' } },
{ id: '2', name: '下游-应用集成', symbolSize: 40, category: 2, itemStyle: { color: '#87cefa' } },
{ id: '3', name: '世纪华通', symbolSize: 20, category: 1 },
{ id: '4', name: '国产AI芯片', symbolSize: 20, category: 1 },
{ id: '5', name: '东华软件', symbolSize: 25, category: 2 },
{ id: '6', name: '常山北明', symbolSize: 25, category: 2 },
{ id: '7', name: '中科软', symbolSize: 20, category: 2 },
{ id: '8', name: '值得买', symbolSize: 25, category: 2 },
{ id: '9', name: '中科金财', symbolSize: 20, category: 2 },
{ id: '10', name: '世纪恒通', symbolSize: 20, category: 2 },
{ id: '11', name: '内部应用', symbolSize: 40, category: 3, itemStyle: { color: '#32cd32' } },
{ id: '12', name: '腾讯元宝', symbolSize: 20, category: 3 },
{ id: '13', name: '腾讯会议', symbolSize: 20, category: 3 },
{ id: '14', name: '微信/QQ', symbolSize: 20, category: 3 },
],
links: [
{ source: '1', target: '0' }, { source: '2', target: '0' }, { source: '11', target: '0' },
{ source: '3', target: '1' }, { source: '4', target: '1' },
{ source: '5', target: '2' }, { source: '6', target: '2' }, { source: '7', target: '2' },
{ source: '8', target: '2' }, { source: '9', target: '2' }, { source: '10', target: '2' },
{ source: '12', target: '11' }, { source: '13', target: '11' }, { source: '14', target: '11' },
{ source: '8', target: '12' }
],
categories: [
{ name: '核心模型' },
{ name: '上游' },
{ name: '下游' },
{ name: '内部应用' }
],
lineStyle: {
opacity: 0.9,
width: 2,
curveness: 0.1
}
}]
};
ecosystemChart.setOption(ecosystemOption);
window.addEventListener('resize', ecosystemChart.resize);
}
});
</script>
</body>
</html>