都下班了老板让我做一个可视化报表，还好我会Python，分分钟就完成了

最新推荐文章于 2025-09-04 14:17:58 发布

原创

最新推荐文章于 2025-09-04 14:17:58 发布 · 494 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#python #tcp/ip #开发语言

本文介绍了如何使用Python的Dash和Tailwindcss框架创建定制化的可视化报表，包括数据处理、图表展示和界面美化。通过实例演示，展示了如何实现实时更新的动态仪表板。

刚下班，老板就踩点过来了，发给我一堆东西，让我做完可视化报表再下班，我特么心态崩了呀！

在这里插入图片描述

在数据展示中使用图表来分享自己的见解，是个非常常见的方法。这也是Tableau、Power BI这类商业智能仪表盘持续流行的原因之一，这些工具为数据提供了精美的图形解释。

学习

当然了，这些工具也有着不少缺点，比如不够灵活，无法让你自己创建设计。当你对图表展示要求定制化时，编程也许就比较适合你，比如Echarts、D3.js。

今天文给大家介绍一个用 Python 制作可视化报表的案例，主要是使用到Dash+Tailwindcss。喜欢本文记得收藏、点赞、关注。代码文末可自取，实践一次，胜过看无数次。

【注】文末有技术交流群

Dash 是基于 Plotly 搭建的 Dashbord 框架，支持Python、R和Julia。使用Dash，你可以创建自定义响应式仪表板。

Tailwindcss则是一个实用程序优先的CSS框架，用于快速构建自定义界面。

“这种框架只适用于那种只会实现页面布局美化元素而不关心实现业务逻辑的前端”。

看看别人对它的评价，对于无交互的图表，完全足够了。

下面就给大家讲解下如何通过Dash+Tailwindcss搭建可视化报表～

首先安装相关的Python库，然后导入。

import dash
import pandas as pd
import plotly.express as px
from dash import dcc, html

使用到了Pandas、Plotly、dash这三个Python库。

我们需要把Tailwindcss的CDN作为external_script，并将其传递给我们的应用程序实例，这样我们才可以成功使用Tailwindcss。

# 导入tailwindcss的CDN
external_script = ["https://tailwindcss.com/", {
   
   "src": "https://cdn.tailwindcss.com"}]

# 创建Dash实例
app = dash.Dash(
    __name__,
    external_scripts=external_script,
)
app.scripts.config.serve_locally = True

使用Pandas创建水果销售数据，随便虚构了一个。

# 创建数据
df = pd.DataFrame(
    {
   
   
        "Fruit": ["苹果", "橙子", "香蕉", "苹果", "橙子", "香蕉"],
        "Amount": [4.2, 1.0, 2.1, 2.32, 4.20, 5.0

最低0.47元/天解锁文章