Skip to content

feat(charts): change default value labels display to 'off' for MultipleColumnChart #484

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
palewire merged 1 commit into from
Oct 28, 2025
Merged

feat(charts): change default value labels display to 'off' for MultipleColumnChart #484

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion datawrapper/charts/multiple_column.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -277,7 +277,7 @@ def validate_plot_height_mode(cls, v: PlotHeightMode | str) -> PlotHeightMode |

#: Whether or not to show value labels
show_value_labels: ValueLabelDisplay | str = Field(
default="hover",
default="off",
alias="show-value-labels",
description="Whether or not to show value labels",
)
Expand Down
23 changes: 11 additions & 12 deletions docs/user-guide/charts/multiple-column-charts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# MultipleColumnChart

This example, drawn from [Datawrapper's official documentation](https://www.datawrapper.de/charts/multiple-columns), demonstrates how to create small multiple column charts showing population growth in major cities from 1950 to 2035. The chart features custom panel titles with country information, highlighted data for 2025, a range annotation to mark the projection period and a 4-column grid layout.
This example, drawn from [Datawrapper's official documentation](https://academy.datawrapper.de/article/405-examples-of-datawrapper-multiple-column-charts), demonstrates how to create small multiple column charts showing population growth in major cities from 1950 to 2035.

<iframe title="Population of the world's largest cities, 1950 to 2035" aria-label="Multiple Columns" id="datawrapper-chart-8kNfG" src="https://datawrapper.dwcdn.net/8kNfG/1/" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" height="460" data-external="1"></iframe><script type="text/javascript">window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"]){var e=document.querySelectorAll("iframe");for(var t in a.data["datawrapper-height"])for(var r,i=0;r=e[i];i++)if(r.contentWindow===a.source){var d=a.data["datawrapper-height"][t]+"px";r.style.height=d}}});</script>

Expand Down Expand Up @@ -52,17 +52,7 @@ chart = dw.MultipleColumnChart(
{"column": "New York-Newark", "title": "New York/Newark, <span style=\"color:gray; font-weight: normal;\">U.S.</span>"},
],
# Add text annotation to label the projection period
text_annotations=[
{
"text": "2025",
"x": "2023/01/01",
"y": 30000000,
"align": "tc",
"color": "#b73229",
"size": 14,
"bold": True,
},
],
text_annotations=[],
# Add range annotation to highlight projection period
range_annotations=[
{
Expand All @@ -74,6 +64,15 @@ chart = dw.MultipleColumnChart(
"color": "#888",
"opacity": 18,
},
{
"type": "y",
"y0": 11765087.7143,
"display": "line",
"color": "#888",
"opacity": 76,
"stroke_width": dw.StrokeWidth.MEDIUM,
"stroke_type": "dotted",
}
],
)

Expand Down