plotly_express-6-Dash实现直方图

324 阅读1分钟

plotly_express-6-Dash实现直方图

本文中介绍的是如何利用dash来实现直方图

数据

数据是自行模拟的,姓名作为行索引,科目当做属性字段

import pandas as pd
import numpy as np

df = pd.DataFrame({"math":[88,97,83,84],
                  "chinese":[81,72,95,87],
                  "english":[90,85,78,96],
                  "physics":[73,84,83,90]},
                 index=["xiaoming","zhangsan","lisi","zhoujun"])
df

坐标系

将每个人姓名作为x轴,每个科目的成绩作为y轴作图

重点:作图的时候传进来的数据,必须是列表形式

Dash作图

  1. 指定属性colors,后面可以直接调用
  2. html组件中的第一个属性都是children,可以省略不写
  3. 作图的时候,figure包含data和layout两个属性
    1. data的取值是一个列表形式,里面的真实数据是字典
    2. layout的取值是{}包裹起来的键值对

结果

图形是动态交互式的

🏆 技术专题第三期 | 数据可视化的那些事......