Skip to content

clarifyC/Echarts_CourseReports

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Echarts_CourseReports

Eharts课程作业;实验报告;测试demo;测验;

1 experience01

1.1 question01 旭日图;多页legend

image

1.2 question02 柱状图;折线图;标记点;坐标轴;网格

image

2 experience02

2.1 question01 气泡图;内置标签

image

2.2 question02 仪表盘;指针每两秒改变一次

image

2.3 question03 多雷达图;自定义legend颜色

image

3 experience03

3.1 question01 柱状图;折线图;多Y轴;选择主题;事件响应;跳转网页;

一个地区的温度与降水量、蒸发量存在一定关系。现有某地区温度与降水量、蒸发量数据,如表1所示。请根据表1数据绘制折线图与柱状图混搭图表(温度用折线图,降水量与蒸发量用柱状图)。具体要求如下:

  1. 两个y轴。左侧y轴代表水量(降水量、蒸发量),刻度格式为“XXXml”;右侧y轴代表温度,刻度格式为“XXX°C”。
  2. 图表默认主题为“shine”主题,要求能够利用下拉框选择“dark”、“macarons”、“roma”和“shine”等选项切换不同主题。
  3. 当用鼠标双击图中“柱子”或“折线”上对象时弹出对话框,对话框内容格式示例:“鼠标双击事件 您刚才双击的7月降水量为:175.6ml”或“鼠标双击事件 您刚才双击的9月温度为:23°C”。
  4. 当关闭对话框时,自动打开相应的百度搜索页面进行搜索。示例:假设双击的是9月的温度,则搜索关键词为“常州9月温度”,假设双击的是6月降水量,则搜索关键词为“常州6月降水量”。 image

3.2 question02 饼图;图标联动;异步;工具箱;

某咖啡店对2012-2017年五年的订单情况进行了汇总,数据记录了每年的订单总额以及每年四种咖啡的订单额,具体数据存放于“咖啡店各年订单.json”文件中。可视化的具体要求如下:

  1. 图表1使用饼图将2012-2017年的订单总额可视化。图例竖向排列;提示框格式为:总订单量:20xx年:xxx (xx.x%)。
  2. 图表2使用折线图将2012-2017年各种咖啡订单(Milk Tea、Matcha Latte、Cheese Cocoa、Walnut Brownie)可视化。
  3. 数据使用异步加载的方式从本地“咖啡店各年订单.json”文件中获取数据。
  4. 实现多图表tootip联动。当鼠标放置于图表1的饼图中时,联动显示图表2对应年份的tootip。 image

4 experience04

4.1 question01 数据大屏1;仪表盘;折线图;柱状图;异步;

image

4.2 question02 数据大屏2;饼图;柱状图;柱状图每个柱子不同颜色;

image

4.3 question03 数据大屏3;折线图;柱状图;旭日图;

image

5 example1

5.1 NewFile html;表格;背景;

image

5.2 NewFile2 柱状图;柱子背景;

image

5.3 NewFile2 柱状图;工具箱;

image

6 example2

6.1 question1 柱状图;工具箱;

image

6.2 question1 折线图;区域数据缩放;标记点;

image

7 example3

7.1 question1 汽车仪表盘;

image

8 7c7c

8.1 qq2 网格中的雷达图;四维数据;

image

8.2 qq3

![Uploading image.png…](

8.3 qq4

image

8.4 qq5 折线图;三个Y轴;

image

9 exam

9.1 01 堆积柱状图;水平放置;

image

9.2 02 多柱状图;formatter单独设置某个柱子的颜色与tooltip;

image

9.3 03 仪表盘;设置detail的显示内容;formatter;

image

9.4 04 雷达图;雷达图专属echarts1.js;设置图例符号;填充面积透明度;formatter

image

About

Eharts课程作业,实验报告,测试demo;

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages