@cdc/chart 4.25.3 → 4.25.6

package/src/_stories/ChartPrefixSuffix.stories.tsx

@@ -15,49 +15,55 @@ const meta: Meta<typeof Chart> = {
 
 type Story = StoryObj<typeof Chart>
 
-export const Top_Suffix: Story = {
+export const Inline_Label: Story = {
   args: {
     config: editConfigKeys(barConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
-      { path: ['dataFormat', 'suffix'], value: ' Somethings per Something' },
+      { path: ['yAxis', 'inlineLabel'], value: ' Somethings per Something' },
       { path: ['yAxis', 'gridLines'], value: true }
     ])
   }
 }
-
-export const Top_Suffix_Worst_Case: Story = {
+export const Inline_Label_With_Suffix: Story = {
   args: {
-    config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
-      { path: ['dataFormat', 'suffix'], value: ' Somethings per Something' }
+    config: editConfigKeys(barConfig, [
+      { path: ['yAxis', 'inlineLabel'], value: ' Somethings per Something' },
+      { path: ['dataFormat', 'suffix'], value: '%' },
+      { path: ['yAxis', 'gridLines'], value: true }
     ])
   }
 }
 
-export const Top_Suffix_With_Options: Story = {
+export const Inline_Label_Worst_Case: Story = {
+  args: {
+    config: editConfigKeys(annotationConfig, [{ path: ['yAxis', 'inlineLabel'], value: ' Somethings per Something' }])
+  }
+}
+
+export const Inline_Label_With_Options: Story = {
   args: {
     config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
+      { path: ['yAxis', 'inlineLabel'], value: ' units' },
+      { path: ['dataFormat', 'suffix'], value: '' },
       { path: ['yAxis', 'tickRotation'], value: 45 },
       { path: ['yAxis', 'tickLabelColor'], value: 'red' }
     ])
   }
 }
 
-export const Top_Suffix_No_Space: Story = {
+export const Inline_Label_No_Space: Story = {
   args: {
     config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
-      { path: ['dataFormat', 'suffix'], value: 'lbs' }
+      { path: ['yAxis', 'inlineLabel'], value: 'lbs' },
+      { path: ['dataFormat', 'suffix'], value: '' }
     ])
   }
 }
 
-export const Top_Suffix_With_Space: Story = {
+export const Inline_Label_With_Space: Story = {
   args: {
     config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
-      { path: ['dataFormat', 'suffix'], value: 'lbs of something' }
+      { path: ['yAxis', 'inlineLabel'], value: 'lbs of something' },
+      { path: ['dataFormat', 'suffix'], value: '' }
     ])
   }
 }
@@ -67,15 +73,7 @@ export const Suffix: Story = {
     config: annotationConfig
   }
 }
-export const Top_Prefix: Story = {
-  args: {
-    config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
-      { path: ['dataFormat', 'prefix'], value: '$' },
-      { path: ['dataFormat', 'suffix'], value: '' }
-    ])
-  }
-}
+
 export const Prefix: Story = {
   args: {
     config: editConfigKeys(areaPrefix, [
@@ -85,10 +83,10 @@ export const Prefix: Story = {
   }
 }
 
-export const Top_Prefix_And_Suffix: Story = {
+export const Prefix_Suffix_And_Inline_Title: Story = {
   args: {
     config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
+      { path: ['yAxis', 'inlineLabel'], value: 'lbs of something' },
       { path: ['dataFormat', 'prefix'], value: '$' }
     ])
   }
@@ -102,11 +100,11 @@ export const Horizontal_Bar: Story = {
   }
 }
 
-export const Top_Suffix_On_Line: Story = {
+export const Inline_Title_On_Line: Story = {
   args: {
     config: editConfigKeys(barConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
-      { path: ['dataFormat', 'suffix'], value: ' Somethings per Something' },
+      { path: ['yAxis', 'inlineLabel'], value: 'lbs of something' },
+      { path: ['dataFormat', 'suffix'], value: '' },
       { path: ['yAxis', 'gridLines'], value: true },
       { path: ['yAxis', 'labelsAboveGridlines'], value: true },
       { path: ['yAxis', 'hideAxis'], value: true }
@@ -128,9 +126,8 @@ export const Values_On_Line_All_Suffix: Story = {
 export const Values_on_Line_Top_Suffix_Only_Area_Worst_Case: Story = {
   args: {
     config: editConfigKeys(annotationConfig, [
-      { path: ['dataFormat', 'onlyShowTopPrefixSuffix'], value: true },
+      { path: ['yAxis', 'inlineLabel'], value: ' of something' },
       { path: ['dataFormat', 'prefix'], value: 'pre' },
-      { path: ['dataFormat', 'suffix'], value: ' Somethings per Something' },
       { path: ['yAxis', 'labelsAboveGridlines'], value: true },
       { path: ['yAxis', 'gridLines'], value: true }
     ])

package/{examples/private/line-issue.json → src/_stories/_mock/barchart_labels.mock.json}

@@ -24,11 +24,11 @@
   "isResponsiveTicks": true,
   "general": {
     "annotationDropdownText": "Annotations",
-    "showDownloadButton": false,
     "showMissingDataLabel": false,
     "showSuppressedSymbol": true,
     "showZeroValueData": false,
-    "hideNullValue": true
+    "hideNullValue": true,
+    "showDownloadButton": false
   },
   "padding": {
     "left": 5,
@@ -127,8 +127,8 @@
     "dataKey": "Year",
     "label": "Year",
     "manual": true,
-    "axisBBox": 52.939998626708984,
-    "tickWidthMax": 41
+    "axisBBox": 62.779998779296875,
+    "tickWidthMax": 39
   },
   "table": {
     "label": "Data Table",
@@ -172,6 +172,8 @@
     "seriesHighlight": [],
     "style": "boxes",
     "subStyle": "linear blocks",
+    "groupBy": "",
+    "shape": "circle",
     "tickRotation": "",
     "hideBorder": {
       "side": false,
@@ -193,7 +195,7 @@
     "palette": "monochrome-1",
     "isPaletteReversed": false
   },
-  "labels": false,
+  "labels": true,
   "dataFormat": {
     "commas": false,
     "prefix": "",
@@ -210,36 +212,14 @@
     "accent": true,
     "background": true,
     "verticalHoverLine": false,
-    "horizontalHoverLine": false
+    "horizontalHoverLine": false,
+    "lineDatapointSymbol": "none",
+    "maximumShapeAmount": 7
   },
   "useLogScale": false,
   "filterBehavior": "Filter Change",
   "highlightedBarValues": [],
   "series": [
-    {
-      "dataKey": "American Indian/Alaska Native",
-      "type": "Line",
-      "axis": "Left",
-      "tooltip": true
-    },
-    {
-      "dataKey": "Asian/Pacific Islander",
-      "type": "Line",
-      "axis": "Left",
-      "tooltip": true
-    },
-    {
-      "dataKey": "Black, non-Hispanic",
-      "type": "Line",
-      "axis": "Left",
-      "tooltip": true
-    },
-    {
-      "dataKey": "White, non-Hispanic",
-      "type": "Line",
-      "axis": "Left",
-      "tooltip": true
-    },
     {
       "dataKey": "Hispanic",
       "type": "Line",
@@ -354,7 +334,7 @@
     "_owner": null
   },
   "content": "Present one or more data trends over time.",
-  "visualizationType": "Line",
+  "visualizationType": "Bar",
   "datasets": {},
   "activeVizButtonID": 4,
   "data": [
@@ -490,8 +470,143 @@
   "dataFileName": "chart_data 2-6.csv",
   "dataFileSourceType": "file",
   "dataDescription": {
-    "horizontal": true
+    "horizontal": false,
+    "series": false
   },
-  "version": "4.24.10",
-  "dynamicMarginTop": 0
-}
+  "version": "4.25.1",
+  "dynamicMarginTop": 0,
+  "formattedData": [
+    {
+      "Year": "2007",
+      "American Indian/Alaska Native": "1.4",
+      "Asian/Pacific Islander": "0.9",
+      "Black, non-Hispanic": "2.3",
+      "White, non-Hispanic": "1",
+      "Hispanic": "1"
+    },
+    {
+      "Year": "2008",
+      "American Indian/Alaska Native": "1.8",
+      "Asian/Pacific Islander": "0.8",
+      "Black, non-Hispanic": "2.2",
+      "White, non-Hispanic": "0.9",
+      "Hispanic": "0.8"
+    },
+    {
+      "Year": "2009",
+      "American Indian/Alaska Native": "1",
+      "Asian/Pacific Islander": "0.7",
+      "Black, non-Hispanic": "1.7",
+      "White, non-Hispanic": "0.8",
+      "Hispanic": "0.7"
+    },
+    {
+      "Year": "2010",
+      "American Indian/Alaska Native": "1.1",
+      "Asian/Pacific Islander": "0.6",
+      "Black, non-Hispanic": "1.7",
+      "White, non-Hispanic": "0.8",
+      "Hispanic": "0.6"
+    },
+    {
+      "Year": "2011",
+      "American Indian/Alaska Native": "0.5",
+      "Asian/Pacific Islander": "0.4",
+      "Black, non-Hispanic": "1.4",
+      "White, non-Hispanic": "0.8",
+      "Hispanic": "0.4"
+    },
+    {
+      "Year": "2012",
+      "American Indian/Alaska Native": "0.7",
+      "Asian/Pacific Islander": "0.4",
+      "Black, non-Hispanic": "1.1",
+      "White, non-Hispanic": "0.8",
+      "Hispanic": "0.4"
+    },
+    {
+      "Year": "2013",
+      "American Indian/Alaska Native": "0.7",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "0.9",
+      "White, non-Hispanic": "0.9",
+      "Hispanic": "0.4"
+    },
+    {
+      "Year": "2014",
+      "American Indian/Alaska Native": "0.8",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "0.8",
+      "White, non-Hispanic": "0.9",
+      "Hispanic": "0.3"
+    },
+    {
+      "Year": "2015",
+      "American Indian/Alaska Native": "0.7",
+      "Asian/Pacific Islander": "0.4",
+      "Black, non-Hispanic": "1",
+      "White, non-Hispanic": "1.1",
+      "Hispanic": "0.3"
+    },
+    {
+      "Year": "2016",
+      "American Indian/Alaska Native": "0.5",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "0.9",
+      "White, non-Hispanic": "1",
+      "Hispanic": "0.3"
+    },
+    {
+      "Year": "2017",
+      "American Indian/Alaska Native": "0.7",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "1",
+      "White, non-Hispanic": "1.1",
+      "Hispanic": "0.3"
+    },
+    {
+      "Year": "2018",
+      "American Indian/Alaska Native": "0.9",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "1",
+      "White, non-Hispanic": "1",
+      "Hispanic": "0.4"
+    },
+    {
+      "Year": "2019",
+      "American Indian/Alaska Native": "0.6",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "0.9",
+      "White, non-Hispanic": "1",
+      "Hispanic": "0.4"
+    },
+    {
+      "Year": "2020",
+      "American Indian/Alaska Native": "0.4",
+      "Asian/Pacific Islander": "0.2",
+      "Black, non-Hispanic": "0.7",
+      "White, non-Hispanic": "0.7",
+      "Hispanic": "0.3"
+    },
+    {
+      "Year": "2021",
+      "American Indian/Alaska Native": "0.4",
+      "Asian/Pacific Islander": "0.2",
+      "Black, non-Hispanic": "0.9",
+      "White, non-Hispanic": "0.6",
+      "Hispanic": "0.4"
+    },
+    {
+      "Year": "2022",
+      "American Indian/Alaska Native": "0.4",
+      "Asian/Pacific Islander": "0.3",
+      "Black, non-Hispanic": "1",
+      "White, non-Hispanic": "0.6",
+      "Hispanic": "0.4"
+    }
+  ],
+  "filters": [],
+  "migrations": {
+    "addColorMigration": true
+  }
+}

package/src/_stories/_mock/dynamic_series_bar_config.json

@@ -196,7 +196,7 @@
   ],
   "tooltips": {
     "opacity": 90,
-    "singleSeries": false,
+    "singleSeries": true,
     "dateDisplayFormat": ""
   },
   "area": {