fh8uuc-CSDN博客

原创 Echarts可视化教程（8-13）—— Echarts中的事件和行为

注：这道题不追求过程的话，只需要将复杂的气泡图中的代码复制过来即可。

2023-10-23 22:11:17 2067 2

原创 Echarts可视化教程（六）——标题与图例组件

我们将调用浏览器接口，打开你修改的这段代码生成的网页，并截图获取其中的图像，和正确的图像进行对比，从而判断你补充的程序是否正确，正确将输出：“图像对比一致，恭喜通关！图例组件的作用是：标识图像中不同的颜色的具体含义，是对图的附加说明。中，绘制组件都是通过对组件属性的配置来实现的，标题也不例外，所以我们先来了解下标题组件的属性项以及属性项对应属性的值。同时我们将展示你生成的图像和正确的图像，你可以通过观察图像的方式修改自己尚未通过的代码。，因为图例的位置很重要，图例既不能挡住标题，也不应该挡住具体的数据。

2023-10-21 16:44:09 1559 1

原创 Echarts可视化教程（五）——直角坐标系下的网格和坐标轴

我们将调用浏览器接口，打开你修改的这段代码生成的网页，并截图获取其中的图像，和正确的图像进行对比，从而判断你补充的程序是否正确，正确将输出：“图像对比一致，恭喜通关！在学习了柱状图、柱状图、饼状图的画法之后，我们还需要对图像上的辅助组件做进一步的了解，包括坐标轴、图例、工具等。同时我们将展示你生成的图像和正确的图像，你可以通过观察图像的方式修改自己尚未通过的代码。中的网格是直角坐标系下定义网格布局和大小及颜色的组件。时间型，多见于纵轴，与数值型类似，只是显示效果不同，以时间的格式显示。

2023-10-21 16:43:18 1476 1

原创 Echarts可视化教程（四）——饼状图的绘制

饼状图的核心特点是能够展示数据的比例情况，通过不同的颜色在圆中的面积大小，可以一眼看出各个数据的分布情况。嵌套圆环图有两组数据，一组是内层的数据，一组是外层的数据，外层数据是对内层数据的细化，内层的一项可以在外层对应一项或者几项。我们将调用浏览器接口，打开你修改的这段代码生成的网页，并截图获取其中的图像，和正确的图像进行对比，从而判断你补充的程序是否正确，正确将输出：“图像对比一致，恭喜通关！之间补充代码（有两处），这段代码画出来的是一个饼状图，你补充的代码需要保证内层是一个标准饼状图，它的半径是。

2023-10-21 16:41:50 3844 1

原创 Echarts可视化教程（三）——折线图的绘制

阶梯图是一种比较特殊的折线图，阶梯图使用间歇型跳跃的方式显示一种无规律的数据的变化。我们将调用浏览器接口，打开你修改的这段代码生成的网页，并截图获取其中的图像，和正确的图像进行对比，从而判断你补充的程序是否正确，正确将输出：“图像对比一致，恭喜通关！之间补充代码，这段代码由上面的堆积折线图示例代码修改而来，你需要补充完这段代码，实现将所有的四条折线都改成阶梯图：其中地铁。同时我们将展示你生成的图像和正确的图像，你可以通过观察图像的方式修改自己尚未通过的代码。中折线图的绘制，包括标准折线图、堆积折线图等。

2023-10-21 16:35:49 5874 2

原创 Echarts可视化教程（二）——柱状图的绘制

我们将调用浏览器接口，打开你修改的这段代码生成的网页，并截图获取其中的图像，和正确的图像进行对比，从而判断你补充的程序是否正确，正确将输出：“图像对比一致，恭喜通关！其中第二步是最核心的，在这一步中，我们通过设置柱状图的横轴、纵轴、图例、数据内容等来绘制柱状图。同时我们将展示你生成的图像和正确的图像，你可以通过观察图像的方式修改自己尚未通过的代码。堆积柱状图的程序和标准柱状图差不多，区别是其中的。上面的注释已经很详细了，唯一需要提醒的是，只有当。中柱状图的绘制，包括标准柱状图、堆积柱状图等。

2023-10-21 16:31:05 1673 1

原创 Echarts可视化教程（一）——数据可视化与Echarts概述

关于数据可视化，我们早在中学时期的数学课本上就已经有所接触。当时介绍的柱状图、折线图、饼图实际上就是数据可视化的三种实现方式，如下是折线图：图 1 折线图这些是基本的数据可视化方式，除此之外，还有一些比较复杂的数据可视化方式，比如词云图、雷达图、地图等，如下是表示人口密度的地图：图 2 表示中国人口密度的地图简单来说：数据可视化指的是通过图形、图像等更容易理解的方式展示数据的一种方法。

2023-10-21 16:26:47 538 1

fh8uuc的博客