npm - @cdc/chart - Versions diffs - 4.24.3 → 4.24.5 - Mend

@cdc/chart 4.24.3 → 4.24.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (39) hide show

package/dist/cdcchart.js +34377 -33726
package/examples/feature/line/line-chart.json +361 -37
package/examples/region-issue.json +2065 -0
package/examples/test.json +5409 -0
package/index.html +13 -11
package/package.json +2 -2
package/src/CdcChart.tsx +159 -89
package/src/_stories/Chart.stories.tsx +8 -0
package/src/_stories/_mock/bar-chart-suppressed.json +474 -0
package/src/components/AreaChart/components/AreaChart.jsx +2 -2
package/src/components/BarChart/components/BarChart.Horizontal.tsx +61 -63
package/src/components/BarChart/components/BarChart.Vertical.tsx +79 -94
package/src/components/DeviationBar.jsx +4 -2
package/src/components/EditorPanel/EditorPanel.tsx +1580 -1924
package/src/components/EditorPanel/components/Panels/Panel.General.tsx +19 -2
package/src/components/EditorPanel/components/Panels/Panel.Sankey.tsx +0 -1
package/src/components/EditorPanel/components/Panels/Panel.Series.tsx +4 -5
package/src/components/EditorPanel/editor-panel.scss +0 -724
package/src/components/EditorPanel/useEditorPermissions.js +4 -1
package/src/components/Legend/Legend.Component.tsx +82 -58
package/src/components/Legend/Legend.tsx +5 -1
package/src/components/LineChart/LineChartProps.ts +13 -6
package/src/components/LineChart/components/LineChart.Circle.tsx +22 -11
package/src/components/LineChart/helpers.ts +134 -10
package/src/components/LineChart/index.tsx +69 -42
package/src/components/LinearChart.jsx +156 -139
package/src/components/ZoomBrush.tsx +40 -21
package/src/data/initial-state.js +4 -4
package/src/hooks/useBarChart.js +47 -22
package/src/hooks/useMinMax.ts +21 -2
package/src/hooks/useScales.ts +33 -1
package/src/hooks/useTooltip.tsx +11 -11
package/src/scss/main.scss +80 -5
package/src/types/ChartConfig.ts +3 -13
package/src/types/ChartContext.ts +4 -0
package/src/_stories/ChartLine.preliminary.tsx +0 -19
package/src/_stories/ChartSuppress.stories.tsx +0 -19
package/src/_stories/_mock/suppress_mock.json +0 -911
package/src/helpers/computeMarginBottom.ts +0 -56

package/src/_stories/_mock/suppress_mock.json DELETED Viewed

@@ -1,911 +0,0 @@
-{
-  "type": "chart",
-  "debugSvg": false,
-  "chartMessage": {
-    "noData": "No Data Available"
-  },
-  "title": "Combo Bar-Line Chart",
-  "showTitle": true,
-  "showDownloadMediaButton": false,
-  "theme": "theme-purple",
-  "animate": true,
-  "fontSize": "medium",
-  "lineDatapointStyle": "hover",
-  "barHasBorder": "false",
-  "isLollipopChart": false,
-  "lollipopShape": "circle",
-  "lollipopColorStyle": "two-tone",
-  "visualizationSubType": "regular",
-  "barStyle": "rounded",
-  "roundingStyle": "standard",
-  "tipRounding": "top",
-  "isResponsiveTicks": false,
-  "general": {
-    "showDownloadButton": false
-  },
-  "padding": {
-    "left": 5,
-    "right": 5
-  },
-  "suppressedData": [
-    {
-      "label": "masked",
-      "column": "Data 3",
-      "value": "100",
-      "icon": "star"
-    },
-    {
-      "label": "suppressed",
-      "column": "Data 3",
-      "value": "-120",
-      "icon": "star"
-    }
-  ],
-  "yAxis": {
-    "hideAxis": false,
-    "displayNumbersOnBar": false,
-    "hideLabel": false,
-    "hideTicks": false,
-    "size": 50,
-    "gridLines": false,
-    "enablePadding": false,
-    "min": "",
-    "max": "",
-    "labelColor": "#333",
-    "tickLabelColor": "#333",
-    "tickColor": "#333",
-    "rightHideAxis": true,
-    "rightAxisSize": 0,
-    "rightLabel": "",
-    "rightLabelOffsetSize": 0,
-    "rightAxisLabelColor": "#333",
-    "rightAxisTickLabelColor": "#333",
-    "rightAxisTickColor": "#333",
-    "numTicks": "",
-    "axisPadding": 0,
-    "tickRotation": 0,
-    "anchors": [],
-    "type": "chart",
-    "debugSvg": false,
-    "chartMessage": {
-      "noData": "No Data Available"
-    },
-    "title": "Combo Bar-Line Chart",
-    "showTitle": true,
-    "showDownloadMediaButton": false,
-    "theme": "theme-purple",
-    "animate": true,
-    "fontSize": "medium",
-    "lineDatapointStyle": "hover",
-    "barHasBorder": "false",
-    "isLollipopChart": false,
-    "lollipopShape": "circle",
-    "lollipopColorStyle": "two-tone",
-    "visualizationSubType": "regular",
-    "barStyle": "",
-    "roundingStyle": "standard",
-    "tipRounding": "top",
-    "isResponsiveTicks": false,
-    "general": {
-      "showDownloadButton": false
-    },
-    "padding": {
-      "left": 5,
-      "right": 5
-    },
-    "suppressedData": [
-      {
-        "label": "masked",
-        "column": "Data 3",
-        "value": "100",
-        "icon": "star"
-      }
-    ],
-    "yAxis": {
-      "hideAxis": false,
-      "displayNumbersOnBar": false,
-      "hideLabel": false,
-      "hideTicks": false,
-      "size": "68",
-      "gridLines": true,
-      "enablePadding": false,
-      "min": "",
-      "max": "",
-      "labelColor": "#333",
-      "tickLabelColor": "#333",
-      "tickColor": "#333",
-      "rightHideAxis": true,
-      "rightAxisSize": 50,
-      "rightLabel": "",
-      "rightLabelOffsetSize": 0,
-      "rightAxisLabelColor": "#333",
-      "rightAxisTickLabelColor": "#333",
-      "rightAxisTickColor": "#333",
-      "numTicks": "",
-      "axisPadding": 0,
-      "tickRotation": 0,
-      "anchors": [],
-      "label": "Y-Axis Label Example"
-    },
-    "boxplot": {
-      "plots": [],
-      "borders": "true",
-      "firstQuartilePercentage": 25,
-      "thirdQuartilePercentage": 75,
-      "boxWidthPercentage": 40,
-      "plotOutlierValues": false,
-      "plotNonOutlierValues": true,
-      "legend": {
-        "showHowToReadText": false,
-        "howToReadText": ""
-      },
-      "labels": {
-        "q1": "Lower Quartile",
-        "q2": "q2",
-        "q3": "Upper Quartile",
-        "q4": "q4",
-        "minimum": "Minimum",
-        "maximum": "Maximum",
-        "mean": "Mean",
-        "median": "Median",
-        "sd": "Standard Deviation",
-        "iqr": "Interquartile Range",
-        "total": "Total",
-        "outliers": "Outliers",
-        "values": "Values"
-      }
-    },
-    "topAxis": {
-      "hasLine": false
-    },
-    "isLegendValue": false,
-    "barThickness": 0.35,
-    "barHeight": 25,
-    "barSpace": 15,
-    "heights": {
-      "vertical": 300,
-      "horizontal": 585
-    },
-    "xAxis": {
-      "sortDates": false,
-      "anchors": [],
-      "type": "date",
-      "showTargetLabel": true,
-      "targetLabel": "Target",
-      "hideAxis": false,
-      "hideLabel": false,
-      "hideTicks": false,
-      "size": "78",
-      "tickRotation": "25",
-      "min": "",
-      "max": "",
-      "labelColor": "#333",
-      "tickLabelColor": "#333",
-      "tickColor": "#333",
-      "numTicks": "",
-      "labelOffset": 65,
-      "axisPadding": 0,
-      "target": 0,
-      "maxTickRotation": 0,
-      "dataKey": "Date",
-      "label": "X-Axis Example Label",
-      "dateParseFormat": "%d/%m/%Y",
-      "dateDisplayFormat": "%d/%m/%Y",
-      "tickWidthMax": 31
-    },
-    "table": {
-      "label": "Data Table",
-      "expanded": true,
-      "limitHeight": false,
-      "height": "",
-      "caption": "",
-      "showDownloadUrl": false,
-      "showDataTableLink": true,
-      "indexLabel": "",
-      "download": true,
-      "showVertical": false,
-      "show": true
-    },
-    "orientation": "horizontal",
-    "color": "pinkpurple",
-    "columns": {},
-    "legend": {
-      "hide": false,
-      "behavior": "highlight",
-      "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",
-      "lineMode": false,
-      "verticalSorted": false,
-      "position": "right",
-      "label": "Data Type"
-    },
-    "brush": {
-      "height": 25,
-      "data": [
-        {
-          "Date": "1/15/2016",
-          "Data 1": "1000",
-          "Data 2": "110",
-          "Data 3": "100",
-          "Data 4": "90",
-          "Monthly-Goal": "100"
-        },
-        {
-          "Date": "2/15/2016",
-          "Data 1": "100",
-          "Data 2": "110",
-          "Data 3": "100",
-          "Data 4": "100",
-          "Monthly-Goal": "100"
-        },
-        {
-          "Date": "3/15/2016",
-          "Data 1": "80",
-          "Data 2": "90",
-          "Data 3": "100",
-          "Data 4": "120",
-          "Monthly-Goal": "110"
-        },
-        {
-          "Date": "4/15/2016",
-          "Data 1": "80",
-          "Data 2": "90",
-          "Data 3": "110",
-          "Data 4": "120",
-          "Monthly-Goal": "110"
-        },
-        {
-          "Date": "5/15/2016",
-          "Data 1": "70",
-          "Data 2": "90",
-          "Data 3": "110",
-          "Data 4": "130",
-          "Monthly-Goal": "120"
-        },
-        {
-          "Date": "6/15/2016",
-          "Data 1": "100",
-          "Data 2": "120",
-          "Data 3": "120",
-          "Data 4": "130",
-          "Monthly-Goal": "120"
-        },
-        {
-          "Date": "7/15/2016",
-          "Data 1": "110",
-          "Data 2": "140",
-          "Data 3": "120",
-          "Data 4": "130",
-          "Monthly-Goal": "130"
-        },
-        {
-          "Date": "8/15/2016",
-          "Data 1": "110",
-          "Data 2": "130",
-          "Data 3": "120",
-          "Data 4": "140",
-          "Monthly-Goal": "130"
-        },
-        {
-          "Date": "9/15/2016",
-          "Data 1": "120",
-          "Data 2": "130",
-          "Data 3": "120",
-          "Data 4": "150",
-          "Monthly-Goal": "140"
-        }
-      ],
-      "active": false
-    },
-    "exclusions": {
-      "active": false,
-      "keys": []
-    },
-    "palette": "qualitative-soft",
-    "isPaletteReversed": false,
-    "twoColor": {
-      "palette": "monochrome-1",
-      "isPaletteReversed": false
-    },
-    "labels": false,
-    "dataFormat": {
-      "commas": false,
-      "prefix": "",
-      "suffix": "",
-      "abbreviated": false,
-      "bottomSuffix": "",
-      "bottomPrefix": "",
-      "bottomAbbreviated": false
-    },
-    "confidenceKeys": {},
-    "visual": {
-      "border": true,
-      "accent": true,
-      "background": true,
-      "verticalHoverLine": false,
-      "horizontalHoverLine": false
-    },
-    "useLogScale": false,
-    "filterBehavior": "Filter Change",
-    "highlightedBarValues": [],
-    "series": [
-      {
-        "dataKey": "Data 3",
-        "type": "Bar",
-        "tooltip": true,
-        "axis": "Left"
-      },
-      {
-        "dataKey": "Data 4",
-        "type": "Bar",
-        "tooltip": true,
-        "axis": "Left"
-      }
-    ],
-    "tooltips": {
-      "opacity": 90
-    },
-    "forestPlot": {
-      "startAt": 0,
-      "width": "auto",
-      "colors": {
-        "line": "",
-        "shape": ""
-      },
-      "estimateField": "",
-      "estimateRadius": "",
-      "lowerCiField": "",
-      "upperCiField": "",
-      "shape": "",
-      "rowHeight": 20,
-      "showZeroLine": false,
-      "description": {
-        "show": true,
-        "text": "description",
-        "location": 0
-      },
-      "result": {
-        "show": true,
-        "text": "result",
-        "location": 100
-      },
-      "radius": {
-        "min": 1,
-        "max": 8,
-        "scalingColumn": ""
-      },
-      "regression": {
-        "lower": 0,
-        "upper": 0,
-        "estimateField": 0
-      },
-      "leftWidthOffset": 0,
-      "rightWidthOffset": 0
-    },
-    "area": {
-      "isStacked": false
-    },
-    "height": "332",
-    "data": [
-      {
-        "Date": "1/15/2016",
-        "Data 1": "$1,000",
-        "Data 2": "110",
-        "Data 3": "100",
-        "Data 4": "90",
-        "Monthly-Goal": "100"
-      },
-      {
-        "Date": "2/15/2016",
-        "Data 1": "100",
-        "Data 2": "110",
-        "Data 3": "100",
-        "Data 4": "100",
-        "Monthly-Goal": "100"
-      },
-      {
-        "Date": "3/15/2016",
-        "Data 1": "80",
-        "Data 2": "90",
-        "Data 3": "100",
-        "Data 4": "120",
-        "Monthly-Goal": "110"
-      },
-      {
-        "Date": "4/15/2016",
-        "Data 1": "80",
-        "Data 2": "90",
-        "Data 3": "110",
-        "Data 4": "120",
-        "Monthly-Goal": "110"
-      },
-      {
-        "Date": "5/15/2016",
-        "Data 1": "70",
-        "Data 2": "90",
-        "Data 3": "110",
-        "Data 4": "130",
-        "Monthly-Goal": "120"
-      },
-      {
-        "Date": "6/15/2016",
-        "Data 1": "100",
-        "Data 2": "120",
-        "Data 3": "120",
-        "Data 4": "130",
-        "Monthly-Goal": "120"
-      },
-      {
-        "Date": "7/15/2016",
-        "Data 1": "110",
-        "Data 2": "140",
-        "Data 3": "120",
-        "Data 4": "130",
-        "Monthly-Goal": "130"
-      },
-      {
-        "Date": "8/15/2016",
-        "Data 1": "110",
-        "Data 2": "130",
-        "Data 3": "120",
-        "Data 4": "140",
-        "Monthly-Goal": "130"
-      },
-      {
-        "Date": "9/15/2016",
-        "Data 1": "120",
-        "Data 2": "130",
-        "Data 3": "120",
-        "Data 4": "150",
-        "Monthly-Goal": "140"
-      }
-    ],
-    "visualizationType": "Bar",
-    "filters": [],
-    "validated": 4.23,
-    "dynamicMarginTop": 0,
-    "runtime": {
-      "seriesLabels": {
-        "Data 3": "Data 3",
-        "Data 4": "Data 4"
-      },
-      "seriesLabelsAll": ["Data 3", "Data 4"],
-      "originalXAxis": {
-        "sortDates": false,
-        "anchors": [],
-        "type": "date",
-        "showTargetLabel": true,
-        "targetLabel": "Target",
-        "hideAxis": false,
-        "hideLabel": false,
-        "hideTicks": false,
-        "size": "78",
-        "tickRotation": "25",
-        "min": "",
-        "max": "",
-        "labelColor": "#333",
-        "tickLabelColor": "#333",
-        "tickColor": "#333",
-        "numTicks": "",
-        "labelOffset": 65,
-        "axisPadding": 0,
-        "target": 0,
-        "maxTickRotation": 0,
-        "dataKey": "Date",
-        "label": "X-Axis Example Label",
-        "dateParseFormat": "%d/%m/%Y",
-        "dateDisplayFormat": "%d/%m/%Y",
-        "tickWidthMax": 31
-      },
-      "seriesKeys": ["Data 3", "Data 4"],
-      "xAxis": {
-        "hideAxis": false,
-        "displayNumbersOnBar": false,
-        "hideLabel": false,
-        "hideTicks": false,
-        "size": "68",
-        "gridLines": true,
-        "enablePadding": false,
-        "min": "",
-        "max": "",
-        "labelColor": "#333",
-        "tickLabelColor": "#333",
-        "tickColor": "#333",
-        "rightHideAxis": true,
-        "rightAxisSize": 50,
-        "rightLabel": "",
-        "rightLabelOffsetSize": 0,
-        "rightAxisLabelColor": "#333",
-        "rightAxisTickLabelColor": "#333",
-        "rightAxisTickColor": "#333",
-        "numTicks": "",
-        "axisPadding": 0,
-        "tickRotation": 0,
-        "anchors": [],
-        "label": "Y-Axis Label Example"
-      },
-      "yAxis": {
-        "sortDates": false,
-        "anchors": [],
-        "type": "date",
-        "showTargetLabel": true,
-        "targetLabel": "Target",
-        "hideAxis": false,
-        "hideLabel": false,
-        "hideTicks": false,
-        "size": "78",
-        "tickRotation": "25",
-        "min": "",
-        "max": "",
-        "labelColor": "#333",
-        "tickLabelColor": "#333",
-        "tickColor": "#333",
-        "numTicks": "",
-        "labelOffset": 65,
-        "axisPadding": 0,
-        "target": 0,
-        "maxTickRotation": 0,
-        "dataKey": "Date",
-        "label": "X-Axis Example Label",
-        "dateParseFormat": "%d/%m/%Y",
-        "dateDisplayFormat": "%d/%m/%Y",
-        "tickWidthMax": 31
-      },
-      "horizontal": true,
-      "uniqueId": 1700137919869,
-      "editorErrorMessage": ""
-    },
-    "labelPlacement": "On Date/Category Axis"
-  },
-  "boxplot": {
-    "plots": [],
-    "borders": "true",
-    "firstQuartilePercentage": 25,
-    "thirdQuartilePercentage": 75,
-    "boxWidthPercentage": 40,
-    "plotOutlierValues": false,
-    "plotNonOutlierValues": true,
-    "legend": {
-      "showHowToReadText": false,
-      "howToReadText": ""
-    },
-    "labels": {
-      "q1": "Lower Quartile",
-      "q2": "q2",
-      "q3": "Upper Quartile",
-      "q4": "q4",
-      "minimum": "Minimum",
-      "maximum": "Maximum",
-      "mean": "Mean",
-      "median": "Median",
-      "sd": "Standard Deviation",
-      "iqr": "Interquartile Range",
-      "total": "Total",
-      "outliers": "Outliers",
-      "values": "Values"
-    }
-  },
-  "topAxis": {
-    "hasLine": false
-  },
-  "isLegendValue": false,
-  "barThickness": 0.35,
-  "barHeight": "22",
-  "barSpace": "27",
-  "heights": {
-    "vertical": 300,
-    "horizontal": 639
-  },
-  "xAxis": {
-    "sortDates": false,
-    "anchors": [],
-    "type": "date",
-    "showTargetLabel": true,
-    "targetLabel": "Target",
-    "hideAxis": false,
-    "hideLabel": false,
-    "hideTicks": false,
-    "size": "122",
-    "tickRotation": "0",
-    "min": "",
-    "max": "",
-    "labelColor": "#333",
-    "tickLabelColor": "#333",
-    "tickColor": "#333",
-    "numTicks": "",
-    "labelOffset": 65,
-    "axisPadding": 0,
-    "target": 0,
-    "maxTickRotation": 0,
-    "dataKey": "Date",
-    "label": "X-Axis Example Label",
-    "dateParseFormat": "%d/%m/%Y",
-    "dateDisplayFormat": "%d/%m/%Y",
-    "tickWidthMax": 41
-  },
-  "table": {
-    "label": "Data Table",
-    "expanded": true,
-    "limitHeight": false,
-    "height": "",
-    "caption": "",
-    "showDownloadUrl": false,
-    "showDataTableLink": true,
-    "indexLabel": "",
-    "download": true,
-    "showVertical": true,
-    "show": true
-  },
-  "orientation": "horizontal",
-  "color": "pinkpurple",
-  "columns": {},
-  "legend": {
-    "hide": false,
-    "behavior": "highlight",
-    "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",
-    "lineMode": false,
-    "verticalSorted": false,
-    "position": "right",
-    "label": "Data Type"
-  },
-  "brush": {
-    "height": 25,
-    "data": [
-      {
-        "Date": "1/15/2016",
-        "Data 1": "1000",
-        "Data 2": "110",
-        "Data 3": "100",
-        "Data 4": "90",
-        "Monthly-Goal": "100"
-      },
-      {
-        "Date": "2/15/2016",
-        "Data 1": "100",
-        "Data 2": "110",
-        "Data 3": "100",
-        "Data 4": "100",
-        "Monthly-Goal": "100"
-      },
-      {
-        "Date": "3/15/2016",
-        "Data 1": "80",
-        "Data 2": "90",
-        "Data 3": "100",
-        "Data 4": "120",
-        "Monthly-Goal": "110"
-      },
-      {
-        "Date": "4/15/2016",
-        "Data 1": "80",
-        "Data 2": "90",
-        "Data 3": "110",
-        "Data 4": "120",
-        "Monthly-Goal": "110"
-      },
-      {
-        "Date": "5/15/2016",
-        "Data 1": "70",
-        "Data 2": "90",
-        "Data 3": "110",
-        "Data 4": "130",
-        "Monthly-Goal": "120"
-      },
-      {
-        "Date": "6/15/2016",
-        "Data 1": "100",
-        "Data 2": "120",
-        "Data 3": "120",
-        "Data 4": "130",
-        "Monthly-Goal": "120"
-      },
-      {
-        "Date": "7/15/2016",
-        "Data 1": "110",
-        "Data 2": "140",
-        "Data 3": "120",
-        "Data 4": "130",
-        "Monthly-Goal": "130"
-      },
-      {
-        "Date": "8/15/2016",
-        "Data 1": "110",
-        "Data 2": "130",
-        "Data 3": "120",
-        "Data 4": "140",
-        "Monthly-Goal": "130"
-      },
-      {
-        "Date": "9/15/2016",
-        "Data 1": "120",
-        "Data 2": "130",
-        "Data 3": "-120",
-        "Data 4": "150",
-        "Monthly-Goal": "140"
-      }
-    ],
-    "active": false
-  },
-  "exclusions": {
-    "active": false,
-    "keys": []
-  },
-  "palette": "qualitative-softreverse",
-  "isPaletteReversed": true,
-  "twoColor": {
-    "palette": "monochrome-1",
-    "isPaletteReversed": false
-  },
-  "labels": false,
-  "dataFormat": {
-    "commas": false,
-    "prefix": "",
-    "suffix": "",
-    "abbreviated": false,
-    "bottomSuffix": "",
-    "bottomPrefix": "",
-    "bottomAbbreviated": false
-  },
-  "confidenceKeys": {},
-  "visual": {
-    "border": true,
-    "accent": true,
-    "background": true,
-    "verticalHoverLine": false,
-    "horizontalHoverLine": false
-  },
-  "useLogScale": false,
-  "filterBehavior": "Filter Change",
-  "highlightedBarValues": [],
-  "series": [
-    {
-      "dataKey": "Data 3",
-      "type": "Bar",
-      "tooltip": true,
-      "axis": "Left"
-    },
-    {
-      "dataKey": "Data 1",
-      "type": "Bar",
-      "axis": "Left",
-      "tooltip": true
-    }
-  ],
-  "tooltips": {
-    "opacity": 90
-  },
-  "forestPlot": {
-    "startAt": 0,
-    "width": "auto",
-    "colors": {
-      "line": "",
-      "shape": ""
-    },
-    "estimateField": "",
-    "estimateRadius": "",
-    "lowerCiField": "",
-    "upperCiField": "",
-    "shape": "",
-    "rowHeight": 20,
-    "showZeroLine": false,
-    "description": {
-      "show": true,
-      "text": "description",
-      "location": 0
-    },
-    "result": {
-      "show": true,
-      "text": "result",
-      "location": 100
-    },
-    "radius": {
-      "min": 1,
-      "max": 8,
-      "scalingColumn": ""
-    },
-    "regression": {
-      "lower": 0,
-      "upper": 0,
-      "estimateField": 0
-    },
-    "leftWidthOffset": 0,
-    "rightWidthOffset": 0
-  },
-  "area": {
-    "isStacked": false
-  },
-  "height": "332",
-  "data": [
-    {
-      "Date": "1/15/2016",
-      "Data 1": "$1,000",
-      "Data 2": "110",
-      "Data 3": "100",
-      "Data 4": "90",
-      "Monthly-Goal": "100"
-    },
-    {
-      "Date": "2/15/2016",
-      "Data 1": "100",
-      "Data 2": "110",
-      "Data 3": "100",
-      "Data 4": "100",
-      "Monthly-Goal": "100"
-    },
-    {
-      "Date": "3/15/2016",
-      "Data 1": "80",
-      "Data 2": "90",
-      "Data 3": "100",
-      "Data 4": "120",
-      "Monthly-Goal": "110"
-    },
-    {
-      "Date": "4/15/2016",
-      "Data 1": "80",
-      "Data 2": "90",
-      "Data 3": "110",
-      "Data 4": "120",
-      "Monthly-Goal": "110"
-    },
-    {
-      "Date": "5/15/2016",
-      "Data 1": "70",
-      "Data 2": "90",
-      "Data 3": "110",
-      "Data 4": "130",
-      "Monthly-Goal": "120"
-    },
-    {
-      "Date": "6/15/2016",
-      "Data 1": "100",
-      "Data 2": "120",
-      "Data 3": "120",
-      "Data 4": "130",
-      "Monthly-Goal": "120"
-    },
-    {
-      "Date": "7/15/2016",
-      "Data 1": "110",
-      "Data 2": "140",
-      "Data 3": "120",
-      "Data 4": "130",
-      "Monthly-Goal": "130"
-    },
-    {
-      "Date": "8/15/2016",
-      "Data 1": "110",
-      "Data 2": "130",
-      "Data 3": "120",
-      "Data 4": "140",
-      "Monthly-Goal": "130"
-    },
-    {
-      "Date": "9/15/2016",
-      "Data 1": "120",
-      "Data 2": "130",
-      "Data 3": "-120",
-      "Data 4": "150",
-      "Monthly-Goal": "140"
-    }
-  ],
-  "visualizationType": "Bar",
-  "filters": [],
-  "validated": 4.23,
-  "dynamicMarginTop": 0
-}