【Echarts】在html中引入echarts详细步骤教程【源码】

马上就实现财富自由！！

已于 2023-10-20 09:17:39 修改

阅读量1.2w

点赞数 18

分类专栏：前端开发文章标签：前端 echarts

于 2023-03-07 15:58:41 首次发布

本文链接：https://blog.csdn.net/m0_67986791/article/details/129383924

版权

文章介绍了在Vue3组件中引入和使用Echarts的详细步骤，包括从官网下载自定义版本的echarts.min.js，将其引入HTML，以及展示了一个散点图的示例代码。同时提到了Echarts的基础配置，如series,xAxis,yAxis,grid,tooltip,title,legend和color等关键概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue3中引入echatrs详细步骤 ：【Echarts】在vue3中使用echarts绘散点图（待更新）_Morning_xx的博客-CSDN博客
vue3组件中单独引入echarts详细步骤： 【vue3】组件中使用引入echarts方法-CSDN博客

1、进入echarts官网

Apache ECharts

点击【下载】

2、滑到最下面、点击【在线定制】

3、选择要打包的图表后，点击【下载】生成echarts.min.js文件

4、将下载后的echarts.min.js放到同级目录里面，引入html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>ECharts</title>
    <!-- 引入刚刚下载的 echarts.min.js -->
    <script src="./echarts.min.js"></script>
</head>

<body>
    <!-- 为 ECharts 准备一个定义了宽高的 DOM -->
    <div id="mai

最低0.47元/天解锁文章