Echarts开源库实现绘图

M_inherit

于 2025-05-23 20:17:36 发布

阅读量133

点赞数

CC 4.0 BY-SA版权

分类专栏：计算机头歌文章标签： echarts 开源前端

本文链接：https://blog.youkuaiyun.com/M_inherit/article/details/148175549

计算机头歌专栏收录该内容

34 篇文章 ¥29.90 ¥99.00

订阅专栏

第1关：Echarts 的下载与使用

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>ECharts</title>

    <!-- 引入 echarts.simple.min.js -->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.1.0.rc2/echarts.js"></script>

</head>

<body>

    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->

    <div id="main" style="width: 600px;height:400px;"></div>

    <script type="text/javascript">

        // 基于准备好的dom，初始化echarts实例

        <!-- Begin 1 -->

var myChart = echarts.init(document.getElementById('main'));

        <!-- End 1 -->

        // 指定图表的配置项和数据

        <!-- Begin 2 -->

        var option = {

            title:

了解本专栏