使用echarts显示简单的x、y轴图表

最新推荐文章于 2024-04-04 03:24:47 发布

十个千

最新推荐文章于 2024-04-04 03:24:47 发布

阅读量1.6k

点赞数 1

分类专栏： javescript, html 文章标签： echarts javascript 前端

本文链接：https://blog.csdn.net/manch1986/article/details/127091679

版权

首先下载echarts的最小功能压缩包echarts.min.js

https://cdn.staticfile.org/echarts/5.4.0/echarts.min.js

这个页面点开可能就是一个纯文本（可以尝试用迅雷下载），直接复制全部内容然后拷贝到一个空的文档上，文档命名为echarts.min.js

链接里的5.4.0是写这篇文章时候的最新版本号，如果有更新，可以改这个版本号再下载

在echarts.min.js文件所在目录新建一个html文件，命名随意，我这里为test.html，添加如下代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
  <script src="echarts.min.js"></script>
</head>
<body>

  <div id="myChart" ref="myChart" style="width:600px;height:400px;"></div>
  <script>
  　　
    var myChart = echarts.init(document.getElement