2026/4/17 3:28:06
网站建设
项目流程
哪个网站做招聘海报比较好,同一素材 不同的布局网站设计,厦门网站建设外包,wordpress 右侧边栏ECharts 安装指南
Apache ECharts 当前最新版本是 6.0.0#xff08;发布于 2025 年 7 月左右#xff09;。ECharts 支持多种安装和引入方式#xff0c;适用于不同开发场景。以下是常见方法#xff1a;
1. 通过 CDN 引入#xff08;推荐初学者和快速原型#xff09;
最…ECharts 安装指南Apache ECharts 当前最新版本是6.0.0发布于 2025 年 7 月左右。ECharts 支持多种安装和引入方式适用于不同开发场景。以下是常见方法1.通过 CDN 引入推荐初学者和快速原型最简单的方式无需下载或安装直接在 HTML 中引用 CDN 链接。推荐 CDNjsDelivr官方推荐速度快支持版本指定scriptsrchttps://cdn.jsdelivr.net/npm/echarts6.0.0/dist/echarts.min.js/script或不指定版本使用最新版scriptsrchttps://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js/script其他常用 CDNunpkghttps://unpkg.com/echarts6.0.0/dist/echarts.min.jscdnjshttps://cdnjs.cloudflare.com/ajax/libs/echarts/6.0.0/echarts.min.js完整示例直接复制到 HTML 文件运行!DOCTYPEhtmlhtmllangzh-CNheadmetacharsetutf-8titleECharts 安装示例/title!-- 通过 CDN 引入 ECharts --scriptsrchttps://cdn.jsdelivr.net/npm/echarts6.0.0/dist/echarts.min.js/script/headbodydividmainstylewidth:800px;height:500px;/divscriptvarmyChartecharts.init(document.getElementById(main));myChart.setOption({title:{text:简单柱状图},tooltip:{},xAxis:{data:[A,B,C,D]},yAxis:{},series:[{type:bar,data:[10,20,30,40]}]});/script/body/html2.通过 npm 安装推荐现代前端项目如 Vue、React、Angular适用于使用包管理器的项目。npminstallecharts6.0.0# 或安装最新版npminstallecharts在代码中引入import*asechartsfromecharts;// 或按需引入如只用柱状图和折线图减小体积importechartsfromecharts/core;import{BarChart,LineChart}fromecharts/charts;import{GridComponent,TooltipComponent}fromecharts/components;import{CanvasRenderer}fromecharts/renderers;echarts.use([BarChart,LineChart,GridComponent,TooltipComponent,CanvasRenderer]);// 然后初始化varmyChartecharts.init(document.getElementById(main));3.下载文件本地引入从官网下载https://echarts.apache.org/zh/download.html或从 GitHub Releases 下载https://github.com/apache/echarts/releases 选择 apache-echarts-6.0.0-dist.zip解压后使用dist/echarts.min.js在 HTML 中scriptsrcpath/to/echarts.min.js/script4.从源码构建高级用户克隆 GitHub 仓库git clone https://github.com/apache/echarts.git安装依赖npm install构建npm run build输出在dist目录。注意事项ECharts 6.0 有一些 breaking changes如默认主题变化、标签样式继承升级前请查看迁移指南https://echarts.apache.org/handbook/zh/basics/release-note/v6-migration/对于大项目推荐按需引入组件以减小 bundle 体积。ECharts 支持 AMD、CommonJS、ESM 等模块规范。如果你的项目是特定框架如 Vue3、React或需要按需加载示例告诉我我可以提供更针对性的代码