『Plotly实战指南』--柱状图绘制高级篇

在数据可视化的天下里，柱状图是一种直观且强大的工具，用于展示数据的分布、比较和趋势。
从底子的柱状图出发，我们可以进一步探索更复杂的图表类型，如分组柱状图和堆积柱状图，它们在处理多维数据和复杂关系时具有独特的优势。
本文将深入探讨怎样使用Plotly库绘制这些高级柱状图，掌握这些技巧将使你在数据可视化领域更加得心应手。
1. 分组柱状图绘制

1.1. 柱状图数据结构

分组柱状图用于比较多个组之间的数据，每个组内又包罗多个子组。
这种图表在分析不同类别之间的对比以及同一类别内部的细分对比时非常有用。
例如，比较不同地区的产物销量，同时展示每个地区的不同产物线的销售情况。
在数据结构设计上，必要将数据组织成适合分组柱状图的形式。
通常，这涉及到将每个组的数据存储在一个单独的列表或数组中，然后将这些列表组合成一个更大的数据结构，如字典或二维数组。
分组逻辑的关键在于怎样在图表中区分不同组的数据，这通常通过颜色、位置或其他视觉属性来实现。
1.2. 代码示例

使用 Plotly 绘制分组柱状图的基本代码如下：

1. import plotly.express as px
2. import pandas as pd
4. # 示例数据
5. data = pd.DataFrame(
6.     {
7.         "季度": ["Q1", "Q2", "Q3", "Q4"],
8.         "产品A": [150, 180, 200, 160],
9.         "产品B": [120, 140, 170, 130],
10.         "产品C": [80, 90, 110, 100],
11.     }
12. )
14. # 绘制分组柱状图
15. fig = px.bar(
16.     data,
17.     x="季度",
18.     y=["产品A", "产品B", "产品C"],
19.     barmode="group",  # 关键参数：分组模式
20.     title="各季度产品线销量对比",
21. )
22. fig.show()

复制代码

在上述代码中，barmode='group' 是实现分组效果的关键参数。
运行代码后，看到两个组的柱状图并排显示在每个类别下，清楚地展示了不同组之间的数据对比。
1.3. 颜色与图例

颜色在分组柱状图中起着至关紧张的作用，它帮助我们快速区分不同组的数据。
通过自界说颜色方案，可以使图表更加美观和易读。
例如，可以使用不同的颜色代表不同的组，大概根据数据值的大小使用渐变颜色。
图例则是确保读者可以或许正确明白图表的关键。
我们必要确保图例清楚地展示每个组的名称和对应的颜色，避免肴杂。
Plotly中可以通过设置 legend 参数来自界说图例的位置、标题等属性。

1. # 定义颜色
2. colors = ['rgb(31, 119, 180)', 'rgb(255, 127, 14)']
4. # 创建分组柱状图
5. fig = go.Figure()
6. fig.add_trace(go.Bar(x=categories, y=group1, name='组1', marker_color=colors[0]))
7. fig.add_trace(go.Bar(x=categories, y=group2, name='组2', marker_color=colors[1]))
9. # 设置布局
10. fig.update_layout(
11.     barmode='group',
12.     title='分组柱状图示例',
13.     xaxis_title='类别',
14.     yaxis_title='值',
15.     legend=dict(
16.         orientation="h",
17.         yanchor="bottom",
18.         y=1.02,
19.         xanchor="right",
20.         x=1
21.     )
22. )

复制代码

在上述代码中，我们通过以下方式增长了颜色和图例的变化：

• 颜色变化：
  

• 界说了一个颜色列表 colors，此中包罗了两个自界说颜色。
  
• 在添加每个组的柱状图时，使用 marker_color 参数为每个组指定了不同的颜色。
  

• 图例变化：
  

• 使用 legend 参数来自界说图例的布局。
  
• 设置 orientation="h" 将图例的方向改为水平。
  
• 调整了图例的位置，使其位于图表的底部右侧。
  

1.4. 其他技巧

为了增强分组柱状图的信息量，还可以添加数据标签，直接在柱状图上显示具体的数值。
这使得无需通过对比柱状图的高度来估算数值，提高了图表的可读性。
此外，自界说分组间距与柱状宽度可以进一步优化图表的布局，使其更加紧凑或分散，以顺应不同的数据量和展示需求。
在处理数据缺失问题时，我们必要思量怎样在图表中优雅地展示缺失值，例如使用特殊的颜色或标记来表示。

1. group1 = [10, 15, 20]
2. group2 = [25, 30, 35]
4. # 定义颜色
5. colors = ['rgb(31, 119, 180)', 'rgb(255, 127, 14)']
7. # 创建分组柱状图
8. fig = go.Figure()
9. fig.add_trace(go.Bar(
10.     x=categories,
11.     y=group1,
12.     name='组1',
13.     marker_color=colors[0],
14.     text=group1,  # 添加数据标签
15.     textposition='auto'  # 设置标签位置为自动
16. ))
17. fig.add_trace(go.Bar(
18.     x=categories,
19.     y=group2,
20.     name='组2',
21.     marker_color=colors[1],
22.     text=group2,  # 添加数据标签
23.     textposition='auto'  # 设置标签位置为自动
24. ))
26. # 设置布局
27. fig.update_layout(
28.     barmode='group',
29.     title='分组柱状图示例',
30.     xaxis_title='类别',
31.     yaxis_title='值',
32.     bargap=0.2,  # 修改分组间距
33.     bargroupgap=0.1  # 修改组内柱状间距
34. )

复制代码

在上述代码中，我们举行了以下修改：

• 添加数据标签：
  

• 在每个 go.Bar 中添加了 text 参数，将其设置为对应的数据值。
  
• 使用 textposition='auto' 参数，使数据标签主动显示在柱子上方。
  

• 修改分组间距与柱状宽度：
  

• 使用 bargap=0.2 参数修改了分组间距，值越小，分组之间的间距越小。
  
• 使用 bargroupgap=0.1 参数修改了组内柱状间距，值越小，组内柱子越紧凑。
  

2. 堆积柱状图绘制

2.1. 数据结构

堆积柱状图将多个数据系列堆叠在同一个柱状图中，用于展示部分与整体的关系。
它适用于分析数据的构成比例和累计效果。
例如，展示不同产物的销售额占总销售额的比例，以及随着时间的推移这些比例的变化情况。
在数据结构设计上，堆积柱状图必要将每个数据系列的值按照类别举行累加，以便正确地堆叠在柱状图中。
堆积逻辑的核心在于怎样计算每个数据系列在堆叠中的位置和高度，这通常通过累加前面所有系列的值来实现。
2.2. 代码示例

使用 Plotly 绘制平凡堆积柱状图的基本代码如下：

1. import plotly.graph_objects as go
3. # 示例数据
4. categories = ["类别A", "类别B", "类别C"]
5. series1 = [10, 15, 20]
6. series2 = [25, 30, 35]
8. # 创建堆积柱状图
9. fig = go.Figure()
10. fig.add_trace(go.Bar(x=categories, y=series1, name="系列1"))
11. fig.add_trace(go.Bar(x=categories, y=series2, name="系列2"))
13. # 设置布局
14. fig.update_layout(
15.     barmode="stack",
16.     title="普通堆积柱状图示例",
17.     xaxis_title="类别",
18.     yaxis_title="值",
19. )
21. # 显示图表
22. fig.show()

复制代码

在代码中，barmode='stack' 是实现堆积效果的关键参数。
运行代码后，我们将看到两个数据系列堆叠在每个类别下的柱状图中，直观地展示了数据的累计效果。
2.3. 百分比堆积柱状图

百分比堆积柱状图是堆积柱状图的一种变体，它将每个柱状图的高度标准化为100%，用于更清楚地展示数据的构成比例。
通过将绝对值转换为百分比，我们可以更容易地比较不同类别中各数据系列的相对占比。

1. # 百分比堆积柱状图
2. import plotly.graph_objects as go
4. # 示例数据
5. categories = ["类别A", "类别B", "类别C"]
6. series1 = [10, 15, 20]
7. series2 = [25, 30, 35]
9. # 计算每个类别的总值
10. total = [s1 + s2 for s1, s2 in zip(series1, series2)]
12. # 将数据转换为百分比
13. series1_percent = [(s1 / t) for s1, t in zip(series1, total)]
14. series2_percent = [(s2 / t) for s2, t in zip(series2, total)]
16. # 创建百分比堆积柱状图
17. fig = go.Figure()
18. fig.add_trace(
19.     go.Bar(
20.         x=categories,
21.         y=series1_percent,
22.         name="系列1",
23.         text=[f"{p*100:.1f}%" for p in series1_percent],  # 添加百分比标签
24.         textposition="inside",  # 设置标签位置为柱子内部
25.     )
26. )
27. fig.add_trace(
28.     go.Bar(
29.         x=categories,
30.         y=series2_percent,
31.         name="系列2",
32.         text=[f"{p*100:.1f}%" for p in series2_percent],  # 添加百分比标签
33.         textposition="inside",  # 设置标签位置为柱子内部
34.     )
35. )
37. # 设置布局
38. fig.update_layout(
39.     barmode="stack",
40.     title="百分比堆积柱状图示例",
41.     xaxis_title="类别",
42.     yaxis_title="百分比",
43.     yaxis=dict(tickformat=".0%"),  # 设置y轴刻度格式为百分比
44.     legend=dict(orientation="h", yanchor="bottom", y=1.02, xanchor="right", x=1),
45. )
47. # 显示图表
48. fig.show()

复制代码

代码调整说明：

• 数据预处理：
  

• 计算了每个类别的总值。
  
• 将每个系列的数据转换为占其地点类别总值的百分比。
  

• 添加百分比标签：
  

• 在每个 go.Bar 中添加了 text 参数，显示每个数据点的百分比。
  
• 使用 textposition='inside' 将标签显示在柱子内部。
  

• 布局调整：
  

• 设置了 yaxis=dict(tickformat='.0%')，使y轴的刻度显示为整数百分比格式。
  

3. 分组与堆积柱状图的对比

分组柱状图和堆积柱状图在视觉效果和应用场景上存在显著差异。
分组柱状图更侧重于比较不同组之间的数据，强调组间的对比关系；
而堆积柱状图则更侧重于展示数据的构成和累计效果，强调部分与整体的关系。
在实际应用中，选择哪种图表类型取决于你的分析目标和数据特点。
如果必要比较不同类别之间的差异，分组柱状图可能是更好的选择；
如果必要分析数据的构成比例和累计趋势，堆积柱状图则更为符合。
4. 总结

本文紧张介绍了分组柱状图和堆积柱状图的绘制技巧，明白它们在复杂数据分析中的应用场景和价值。
此外，在处理大数据量时，性能优化是必不可少的。
可以采用数据采样、简化图表元素等方法来提高绘图服从。
图表美化方面，通过调整布局、颜色和标签等元素，可以使图表更加专业和美观。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。