使用Echarts展示多层级数据案例下

原创

已于 2024-03-26 09:39:37 修改 · 3.2k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#信息可视化 #python #javascript #echarts #前端 #json #big data

于 2024-03-26 09:10:34 首次发布

文章目录

前言
目标读者
正文

前言

本文是一个完整的Web数据可视化案例。文章分为前台和后台两个部分。第一部分实现了前台功能，前台页面使用Echarts这个简便极易上手的数据可视化库，将示例的各个城市，以及城市下工厂人员数据组织成Echarts旭日图的数据结构，将数据按照2个层级展现出来；第二部分也就是本篇文章的内容：使用python进行后台数据处理，即使用pandas库将前台需要的数组结构组织好，然后通过Bottle这个极其轻便、能够快速上手的Web框架将处理后的数据传递给前台。
第一部分内容，包括了Echarts库简要介绍、Echarts配置手册查找配置属性的方法、通过学习丰富的Echarts示例程序，将示例程序修改从我们自己的可视化图表、以及本案例的具体前台实现代码。
第一部分请参阅上一篇文章。

目标读者

如果你想学习数据处理和分析，那么本文是为你准备的。本文将使用既容易理解，数据处理又相对简单的案例，带领你了解使用pandas进行数据处理的过程，以及如何选择数据展现模型进行数据可视化。
如果你想了解和学习Web前台开发的相关技能，并且想熟练使用Echart，本文将带你学习Echart使用和配置方法，并进一步掌握更加复杂的数据可视化方法。对于如何配置Echarts中对象属性，本文也会耐心介绍如何查找和配置ECharts对象属性。
如果你想学习python，并且想掌握Web后台技能，并搭建一个Web开发框架。那么本文也非常适合你。本文将搭建一个轻便极易上手的，以python为开发语言的Web框架。
简而言之，本文适合想入门大数据处理和数据可视化，想使用python进行快速开发Web应用的读者。

正文

我们将从零开始构建后台项目，讲解后台开发过程。我们假设你已理解python语法，具有python开发经验，能够熟练使用vscode开发python应用程序。
开发python工程项目的时候，我们经常遇到不同的项目使用不同的依赖库，或者依赖库相同而版本不同。为了避免不同项目之间的依赖库互相影响和冲突，我们经常为一个新的python项目创建一个干净独立的python开发环境，这个环境就是虚拟环境。本文使用conda创建虚拟环境，当然你也可以使用其他方式创建虚拟环境。
创建虚拟环境的命令

conda create --name echartssample

在这个虚拟环境中，我们需要安装以下依赖库，方便我们的后台开发工作。
Bottle(版本号0.12.25)
Bottle是一个超轻量级的python开源库。其超轻量级体现在bottle的实现代码仅仅4k多，无需安装其他第三方的依赖即可运行。使用bottle库，仅仅数行就可以实现一个后台服务。
安装命令

pip install bottle

安装完成之后，我们一起看下bottle帮助文档中Quickstart的示例，如何快速创建一个后台服务。

    from bottle import route, run

    @route('/hello')
    def hello():
        return "Hello World!"

    run(host='localhost', port=8080, debug=True)

在vscode中输入上面这段代码，然后运行。打开浏览器，输入http://localhost:8080/hello并回车，你会看到页面上显示出"Hello World!"简单的几行代码，并且无需任何配置，bottle后台服务就可以运行了，这就是bottle吸引我的原因。
Bottle的开源地址是https://github.com/bottlepy，其中还包括帮助文档以及简易教程。如果想深入使用bottle，向源码以及文档寻求帮助是必不可少的方法。
Pandas(版本号2.0.3)
pandas 是基于NumPy 的数据处理和统计工具，它可以帮助用户解决数据分析以及对数据进行处理的任务。Pandas 其中包括了很多其他库和一些标准的数据模型，提供了高效地操作大型数据集所需的工具。Pandas还提供了非常多能使我们快速便捷地处理数据的函数和方法。
安装命令

pip install pandas

学习pandas的最好方法就是学习官方推荐的内容。阅读十分钟入门 Pandas和pandas的cookbook
sqlalchemy(版本号2.0.28)
SQLAlchemy是Python下操作数据库的一款开源软件。它提供了SQL工具包及对象关系映射（ORM）工具，配置简单使用简便，提供了通用的数据操作接口。
安装命令