@cdc/chart 4.22.10 → 4.23.1

package/examples/gallery/bar-chart-vertical/vertical-bar-chart-with-confidence.json

@@ -1,68 +1,68 @@
 {
-	"type": "chart",
-	"title": "Bar Chart with Confidence Intervals",
-	"theme": "theme-green",
-	"fontSize": "medium",
-	"height": 300,
-	"padding": {
-		"left": 5,
-		"right": 5
-	},
-	"yAxis": {
-		"size": "75",
-		"gridLines": true,
-		"label": "Y-Axis Example Label"
-	},
-	"barThickness": 0.35,
-	"xAxis": {
-		"size": "50",
-		"tickRotation": 0,
-		"dataKey": "Date",
-		"label": "X-Axis Sample Label"
-	},
-	"table": {
-		"label": "Data Table",
-		"expanded": true
-	},
-	"legend": {
-		"behavior": "isolate",
-		"position": "right"
-	},
-	"palette": "qualitative-bold",
-	"labels": false,
-	"dataFormat": {},
-	"confidenceKeys": {
-		"upper": "high",
-		"lower": "low"
-	},
-	"data": [
-		{
-			"Data": "data1",
-			"Date": "1/12/2016",
-			"Value": "212",
-			"high": "220",
-			"low": "200"
-		},
-		{
-			"Data": "data2",
-			"Date": "1/13/2016",
-			"Value": "213",
-			"high": "230",
-			"low": "205"
-		},
-		{
-			"Data": "data3",
-			"Date": "1/14/2016",
-			"Value": "214",
-			"high": "240",
-			"low": "210"
-		}
-	],
-	"visualizationType": "Bar",
-	"series": [
-		{
-			"dataKey": "Value",
-			"type": "Bar"
-		}
-	]
-}
+  "type": "chart",
+  "title": "Bar Chart with Confidence Intervals",
+  "theme": "theme-green",
+  "fontSize": "medium",
+  "height": 300,
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "size": "75",
+    "gridLines": true,
+    "label": "Y-Axis Example Label"
+  },
+  "barThickness": 0.35,
+  "xAxis": {
+    "size": "50",
+    "tickRotation": 0,
+    "dataKey": "Date",
+    "label": "X-Axis Sample Label"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true
+  },
+  "legend": {
+    "behavior": "isolate",
+    "position": "right"
+  },
+  "palette": "qualitative-bold",
+  "labels": false,
+  "dataFormat": {},
+  "confidenceKeys": {
+    "upper": "high",
+    "lower": "low"
+  },
+  "data": [
+    {
+      "Data": "data1",
+      "Date": "1/12/2016",
+      "Value": "212",
+      "high": "220",
+      "low": "200"
+    },
+    {
+      "Data": "data2",
+      "Date": "1/13/2016",
+      "Value": "213",
+      "high": "230",
+      "low": "205"
+    },
+    {
+      "Data": "data3",
+      "Date": "1/14/2016",
+      "Value": "214",
+      "high": "240",
+      "low": "210"
+    }
+  ],
+  "visualizationType": "Bar",
+  "series": [
+    {
+      "dataKey": "Value",
+      "type": "Bar"
+    }
+  ]
+}

package/examples/gallery/bar-chart-vertical/vertical-bar-chart.json

@@ -1,111 +1,180 @@
 {
-	"type": "chart",
-	"title": "Example Bar Chart",
-	"theme": "theme-blue",
-	"fontSize": "medium",
-	"height": 300,
-	"padding": {
-		"left": 5,
-		"right": 5
-	},
-	"yAxis": {
-		"size": "76",
-		"gridLines": false,
-		"label": "Y Axis Example Label"
-	},
-	"barThickness": "0.6",
-	"xAxis": {
-		"size": "59",
-		"tickRotation": 0,
-		"dataKey": "Date",
-		"label": "X Axis Example Label"
-	},
-	"table": {
-		"label": "Data Type by Date",
-		"expanded": true
-	},
-	"legend": {
-		"behavior": "isolate",
-		"position": "right",
-		"label": "Type of Data"
-	},
-	"palette": "qualitative-bold",
-	"labels": false,
-	"dataFormat": {
-		"suffix": " units"
-	},
-	"confidenceKeys": {},
-	"data": [
-		{
-			"Date": "1/15/2016",
-			"Data 1": "90",
-			"Data 2": "135",
-			"Data 3": "300",
-			"Data 4": "95",
-			"Data 5": "120",
-			"Data 6": "310"
-		},
-		{
-			"Date": "2/15/2016",
-			"Data 1": "40",
-			"Data 2": "90",
-			"Data 3": "240",
-			"Data 4": "60",
-			"Data 5": "160",
-			"Data 6": "200"
-		},
-		{
-			"Date": "3/15/2016",
-			"Data 1": "50",
-			"Data 2": "300",
-			"Data 3": "290",
-			"Data 4": "100",
-			"Data 5": "200",
-			"Data 6": "250"
-		},
-		{
-			"Date": "4/15/2016",
-			"Data 1": "120",
-			"Data 2": "160",
-			"Data 3": "230",
-			"Data 4": "180",
-			"Data 5": "160",
-			"Data 6": "220"
-		},
-		{
-			"Date": "5/15/2016",
-			"Data 1": "80",
-			"Data 2": "350",
-			"Data 3": "300",
-			"Data 4": "150",
-			"Data 5": "130",
-			"Data 6": "100"
-		},
-		{
-			"Date": "6/15/2016",
-			"Data 1": "90",
-			"Data 2": "220",
-			"Data 3": "320",
-			"Data 4": "100",
-			"Data 5": "220",
-			"Data 6": "300"
-		}
-	],
-	"visualizationType": "Bar",
-	"series": [
-		{
-			"dataKey": "Data 1",
-			"type": "Bar"
-		},
-		{
-			"dataKey": "Data 2",
-			"type": "Bar"
-		},
-		{
-			"dataKey": "Data 3",
-			"type": "Bar"
-		}
-	],
-	"description": "This example shows a bar chart created in the visualization editor in WCMS",
-	"dataCutoff": "0"
-}
+  "type": "chart",
+  "title": "Example Bar Chart",
+  "theme": "theme-blue",
+  "animate": false,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "150",
+    "gridLines": true,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 0,
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "isLegendValue": false,
+    "numTicks": "",
+    "label": "Y Axis Example Label"
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "barThickness": "0.6",
+  "barHeight": 25,
+  "height": 300,
+  "xAxis": {
+    "type": "categorical",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "59",
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "isLegendValue": false,
+    "numTicks": "",
+    "dataKey": "Date",
+    "label": "X Axis Example Label"
+  },
+  "table": {
+    "label": "Data Type by Date",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "show": true,
+    "download": true
+  },
+  "orientation": "vertical",
+  "legend": {
+    "behavior": "isolate",
+    "position": "right",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "label": "Type of Data"
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": " units"
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "data": [
+    {
+      "Date": "1/15/2016",
+      "Data 1": "900",
+      "Data 2": "135",
+      "Data 3": "300",
+      "Data 4": "95",
+      "Data 5": "120",
+      "Data 6": "3100"
+    },
+    {
+      "Date": "2/15/2016",
+      "Data 1": "4000",
+      "Data 2": "90",
+      "Data 3": "240",
+      "Data 4": "60",
+      "Data 5": "160",
+      "Data 6": "2000"
+    },
+    {
+      "Date": "3/15/2016",
+      "Data 1": "5000",
+      "Data 2": "300",
+      "Data 3": "290",
+      "Data 4": "100",
+      "Data 5": "200",
+      "Data 6": "2500"
+    },
+    {
+      "Date": "4/15/2016",
+      "Data 1": "12000",
+      "Data 2": "160",
+      "Data 3": "230",
+      "Data 4": "180",
+      "Data 5": "160",
+      "Data 6": "2200"
+    },
+    {
+      "Date": "5/15/2016",
+      "Data 1": "8000",
+      "Data 2": "350",
+      "Data 3": "300",
+      "Data 4": "150",
+      "Data 5": "130",
+      "Data 6": "1000"
+    },
+    {
+      "Date": "6/15/2016",
+      "Data 1": "9000",
+      "Data 2": "220",
+      "Data 3": "320",
+      "Data 4": "100",
+      "Data 5": "220",
+      "Data 6": "3000"
+    }
+  ],
+  "visualizationType": "Bar",
+  "series": [
+    {
+      "dataKey": "Data 1",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Data 2",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "Data 3",
+      "type": "Bar"
+    }
+  ],
+  "description": "This example shows a bar chart created in the visualization editor in WCMS",
+  "dataCutoff": "0"
+}