zoukankan      html  css  js  c++  java
  • 个人作业1

    由于作业要求数据可视化,对Echarts进行了学习

    首先对Echarts进行了配置

    第一步:创建 HTML 页面

    创建一个 HTML 页面,引入 echarts.min.js:

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

    第二步: 为 ECharts 准备一个具备高宽的 DOM 容器

    实例中 id 为 main 的 div 用于包含 ECharts 绘制的图表:

    <body>
        <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
        <div id="main" style="width: 600px;height:400px;"></div>
    </body>

    第三步: 设置配置信息

    ECharts 库使用 json 格式来配置。

    echarts.init(document.getElementById('main')).setOption(option);
  • 相关阅读:
    Zabbix——1
    Hive 基础知识——01
    Vim快捷命令
    Shell——2
    Shell——6
    Shell——4
    Shell——3
    Shell——1
    Hive 安装和配置以及基本语法——02
    Shell——5
  • 原文地址:https://www.cnblogs.com/lxywsx/p/14907799.html
Copyright © 2011-2022 走看看