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

    今天完成了一个Echarts的实例

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>第一个 ECharts 实例</title>

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

    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

    </head>

    <body>

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

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

    <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例

    var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据

    var option = { title: { text: '第一个 ECharts 实例' },

    tooltip: {}, legend: { data:['销量'] },

    xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] },

    yAxis: {},

    series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。

    myChart.setOption(option);

    </script>

    </body>

    </html>

  • 相关阅读:
    jQuery
    数据库的并发操作
    Python之禅
    pymysql模块初见
    数据库之表查询
    实体与实体之间的联系
    数据库初识
    进程池 协程 与I/O模型
    GIL全局解释锁.死锁与递归锁
    进程通信与线程初识
  • 原文地址:https://www.cnblogs.com/lxywsx/p/14907825.html
Copyright © 2011-2022 走看看