Plotly stacked bar chart percentage

by

Sure! Here’s an example of how you can format the answer as HTML content in a `

` without ``, `

`, or `` tags:

“`html

Plotly Stacked Bar Chart with Percentage

Plotly is a Python library used for creating interactive and beautiful data visualizations. One of the popular chart types it supports is the stacked bar chart, which can be used to represent categorical data with multiple series.

To display the percentage values on a stacked bar chart in Plotly, you can use the `texttemplate` attribute of the `bar` trace. This allows you to customize the text displayed for each bar, including adding the percentage values.

Here’s an example code snippet that demonstrates how to create a stacked bar chart with percentage values using Plotly:


import plotly.graph_objects as go

# Sample data
x = ['Category 1', 'Category 2', 'Category 3']
y1 = [20, 30, 40]
y2 = [15, 25, 35]
y3 = [10, 20, 30]

# Calculate percentages
total = [x + y1[i] + y2[i] + y3[i] for i, x in enumerate(x)]
y1_percentage = [y / t * 100 for y, t in zip(y1, total)]
y2_percentage = [y / t * 100 for y, t in zip(y2, total)]
y3_percentage = [y / t * 100 for y, t in zip(y3, total)]

# Create the stacked bar chart
fig = go.Figure(data=[
    go.Bar(name='Series 1', x=x, y=y1, text=[f'{p:.1f}%' for p in y1_percentage], textposition='auto'),
    go.Bar(name='Series 2', x=x, y=y2, text=[f'{p:.1f}%' for p in y2_percentage], textposition='auto'),
    go.Bar(name='Series 3', x=x, y=y3, text=[f'{p:.1f}%' for p in y3_percentage], textposition='auto')
])

fig.update_layout(barmode='stack')
fig.show()

In the code snippet above:

  1. We define the categories for the x-axis and the corresponding values for each category (represented by y1, y2, and y3).
  2. We calculate the total value for each category by summing the corresponding values from y1, y2, and y3.
  3. We calculate the percentage of each value within its category, using a list comprehension.
  4. We create the stacked bar chart using the `go.Bar` class from Plotly, passing the x, y, and text attributes.
  5. We set the `barmode` to `’stack’` in the layout to stack the bars on top of each other.
  6. Finally, we display the chart using the `show` method.

This will generate a stacked bar chart where each bar represents a category, and the segments within each bar represent a series. The text displayed on each segment will be the corresponding percentage value.

You can customize the chart further by modifying various attributes of the `go.Bar` objects, such as colors, hover texts, and more.

I hope this helps! Let me know if you have any further questions.

“`

Note: This is an example of how you can format HTML content for the given query. Depending on your specific requirements and styling preferences, you may need to modify the code accordingly.

Leave a comment