@cdc/chart 4.24.1 → 4.24.3

package/examples/{private/combo.json → chart-regression-1.json}

@@ -4,15 +4,15 @@
     "chartMessage": {
         "noData": "No Data Available"
     },
-    "title": "<em>Combo</em> Chart",
+    "title": "Combo Title <em>Chart</em>",
     "showTitle": true,
     "showDownloadMediaButton": false,
     "theme": "theme-blue",
     "animate": false,
     "fontSize": "medium",
     "lineDatapointStyle": "hover",
-    "lineDatapointColor": "Lighter than Line",
-    "barHasBorder": "true",
+    "lineDatapointColor": "Same as Line",
+    "barHasBorder": "false",
     "isLollipopChart": false,
     "lollipopShape": "circle",
     "lollipopColorStyle": "two-tone",
@@ -35,23 +35,24 @@
         "displayNumbersOnBar": false,
         "hideLabel": false,
         "hideTicks": false,
-        "size": "75",
+        "size": "70",
         "gridLines": false,
-        "enablePadding": true,
+        "enablePadding": false,
         "min": "",
         "max": "",
         "labelColor": "#333",
         "tickLabelColor": "#333",
         "tickColor": "#333",
-        "rightHideAxis": true,
-        "rightAxisSize": "75",
+        "rightHideAxis": false,
+        "rightAxisSize": "100",
         "rightLabel": "New Participants",
-        "rightLabelOffsetSize": "50",
+        "rightLabelOffsetSize": "60",
         "rightAxisLabelColor": "#333",
         "rightAxisTickLabelColor": "#333",
         "rightAxisTickColor": "#333",
         "numTicks": "",
         "axisPadding": 0,
+        "scalePadding": 10,
         "tickRotation": 0,
         "anchors": [],
         "label": "Outreach Costs"
@@ -106,27 +107,28 @@
         "hideAxis": false,
         "hideLabel": false,
         "hideTicks": false,
-        "size": 75,
-        "tickRotation": 0,
+        "size": "75",
+        "tickRotation": "50",
         "min": "",
         "max": "",
         "labelColor": "#333",
         "tickLabelColor": "#333",
         "tickColor": "#333",
-        "numTicks": "",
+        "numTicks": "6",
         "labelOffset": 65,
         "axisPadding": 0,
         "target": 0,
         "maxTickRotation": 0,
         "dataKey": "Date",
-        "label": "Date",
         "dateParseFormat": "%m/%d/%Y",
         "dateDisplayFormat": "%m/%Y",
-        "tickWidthMax": 66
+        "tickWidthMax": 91,
+        "padding": 6,
+        "label": "Date"
     },
     "table": {
         "label": "Data Table",
-        "expanded": false,
+        "expanded": true,
         "limitHeight": false,
         "height": "",
         "caption": "",
@@ -135,6 +137,7 @@
         "indexLabel": "Date",
         "download": false,
         "showVertical": true,
+        "dateDisplayFormat": "%m/%d/%Y",
         "show": true
     },
     "orientation": "vertical",
@@ -142,11 +145,11 @@
     "columns": {},
     "legend": {
         "hide": false,
-        "behavior": "isolate",
-        "singleRow": false,
+        "behavior": "highlight",
+        "singleRow": true,
         "colorCode": "",
         "reverseLabelOrder": false,
-        "description": "Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
+        "description": "Legend Description: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
         "dynamicLegend": false,
         "dynamicLegendDefaultText": "Show All",
         "dynamicLegendItemLimit": 5,
@@ -155,7 +158,7 @@
         "lineMode": false,
         "verticalSorted": false,
         "highlightOnHover": false,
-        "label": "Lorem <em>ipsum dolor</em> sit amet"
+        "label": "Legend Title: Lorem <em>ipsum dolor</em> sit amet"
     },
     "brush": {
         "height": 25,
@@ -240,22 +243,27 @@
     "filterBehavior": "Filter Change",
     "highlightedBarValues": [],
     "series": [
-        {
-            "dataKey": "New Participants",
-            "type": "dashed-md",
-            "axis": "Right",
-            "tooltip": true
-        },
         {
             "dataKey": "Outreach Costs",
             "type": "Bar",
             "axis": "Left",
-            "tooltip": true
+            "tooltip": true,
+            "name": "",
+            "lineType": "curveCardinal"
+        },
+        {
+            "dataKey": "New Participants",
+            "type": "Line",
+            "axis": "Right",
+            "tooltip": true,
+            "name": "",
+            "lineType": "curveLinear"
         }
     ],
     "tooltips": {
         "opacity": 90,
-        "singleSeries": false
+        "singleSeries": false,
+        "dateDisplayFormat": "%m/%d"
     },
     "forestPlot": {
         "startAt": 0,
@@ -273,7 +281,7 @@
         },
         "estimateField": "",
         "estimateRadius": "",
-        "shape": "circle",
+        "shape": "square",
         "rowHeight": 20,
         "description": {
             "show": true,
@@ -355,15 +363,16 @@
     ],
     "dataFileName": "https://wwwdev.cdc.gov/wcms/4.0/cdc-wp/data-presentation/data/indexed-data-files/61-bar-line-combo-2-value-axes.csv",
     "dataFileSourceType": "url",
+    "filters": [],
     "dataDescription": {
         "horizontal": false,
         "series": true,
         "singleRow": true
     },
     "validated": 4.23,
-    "superTitle": "<sup>super</sup> title",
+    "description": "Subtext: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
     "introText": "Message: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
-    "description": "Sub: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
-    "footnotes": "Foot: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>",
-    "dynamicMarginTop": 0
+    "superTitle": "<sup>Super</sup> Title",
+    "dynamicMarginTop": 0,
+    "footnotes": "Footnotes: Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>, sed do eiusmod tempor incididunt ut labore et <strong>dolore magna aliqua</strong>. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <sup> 40</sup>"
 }