开学第三周学习内容

Posted 2021-03-07 1234yyf

 

这周老师布置了关于疫情的柱状图分析全国确诊人数，所以这周的学习主要在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: ‘确诊人数‘
                       }
                   }]