Donut Chart UX updates

Shopify · Sep 25, 2023 · cff03e4 · cff03e4
1 parent 9b9febc
commit cff03e4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/packages/polaris-viz/CHANGELOG.md b/packages/polaris-viz/CHANGELOG.md
@@ -5,7 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
-<!-- ## Unreleased -->
+## Unreleased
+
+### Changed
+
+-  Changed `<DonutChart />` to include 0 or negative values in data.
+-  Changed `<DonutChart />` to show any number of data points.
+-  Updated `<DonutChart />` wrapper to take full height of container and center contents.
 
 ## [9.12.0] - 2023-09-19
 

diff --git a/packages/polaris-viz/src/components/DonutChart/Chart.tsx b/packages/polaris-viz/src/components/DonutChart/Chart.tsx
@@ -115,7 +115,7 @@ export function Chart({
 
   const {height, width, legend, setLegendDimensions, isLegendMounted} =
     useLegend({
-      data: [{series: data.slice(0, 5), shape: 'Bar'}],
+      data: [{series: data, shape: 'Bar'}],
       dimensions,
       showLegend,
       direction: legendDirection,