zoukankan      html  css  js  c++  java
  • 开学第三周学习内容

    这周老师布置了关于疫情的柱状图分析全国确诊人数,所以这周的学习主要在echarts上面;

    关于echarts开始的时候我一点都不了解,甚至刚开始的时候我都不知道该怎样去完成柱状图,我只知道要把数据库中的值传到界面中去;然后经过询问大佬跟百度的搜索,我知道和开始接触echarts;

    这次敲代码的时间:课上花费了两节课,课下周三的下午将除echarts部分的其余都完成了,然后再周四的上午,学习跟实行echarts的敲写,这周其他科的作业颇多,在代码上的学习时间一般,并不少;希望下一周可以分配好其他科目跟自己代码的时间;

    关于echarts我学到了

    1、先引入echarts.min.js, <script src="echarts.min.js"></script>

    2、为 ECharts 准备一个具备高宽的 DOM 容器 <div id="main" style="width: 600px;height:400px;"></div>

    3、ECharts 库使用 json 格式来配置。ECharts只可以使用json;

        echarts.init(document.getElementById('main')).setOption(option);

    4、         xAxis: {
                  type: 'category'},
                 yAxis: {},//配置在外轴显示的项

    5、每个系列通过 type 决定自己的图表类型:

    • type: 'bar':柱状/条形图
    • type: 'line':折线/面积图
    • type: 'pie':饼图
    •  series: [
                       {
                         name: '确诊人数',
                           type: 'bar',
                           encode: {
                               // 将 "amount" 列映射到 X 轴。
                               x: '省份',
                               // 将 "product" 列映射到 Y 轴。
                               y: '确诊人数'
                           }
                       }]
  • 相关阅读:
    (字典树)Revenge of Fibonacci -- HDU -- 4099
    (字符串 KMP)Blue Jeans -- POJ -- 3080:
    (广搜)聪明的打字员 -- POJ --1184
    (线段树 点更新 区间求和)lightoj1112
    Jquery弹窗插件Lhgdialog的用法
    SQL Server数据库大型应用解决方案总结
    C# 使用XmlDocument类对XML文档进行操作
    反射实例【转】
    如何使用dynamic
    [C#]DataTable常用操作总结
  • 原文地址:https://www.cnblogs.com/1234yyf/p/12436428.html
Copyright © 2011-2022 走看看