@carbon/charts 0.32.8 → 0.32.12

package/demo/data/index.js

@@ -4,6 +4,7 @@ import * as bubbleDemos from "./bubble";
 import * as donutDemos from "./donut";
 import * as lineDemos from "./line";
 import * as pieDemos from "./pie";
+import * as gaugeDemos from "./gauge";
 import * as scatterDemos from "./scatter";
 import * as stepDemos from "./step";
 import * as timeSeriesAxisDemos from "./time-series-axis";
@@ -14,67 +15,73 @@ export * from "./bubble";
 export * from "./donut";
 export * from "./line";
 export * from "./pie";
+export * from "./gauge";
 export * from "./scatter";
 export * from "./step";
 export * from "./radar";
-import { createChartSandbox, createReactChartApp, createAngularChartApp, createVueChartApp, createVanillaChartApp, createSvelteChartApp, } from "../create-codesandbox";
+import { createChartSandbox, createReactChartApp, createAngularChartApp, createVueChartApp, createVanillaChartApp, createSvelteChartApp } from "../create-codesandbox";
 import { Tools } from "@carbon/charts/tools";
 export var chartTypes = {
     AreaChart: {
         vanilla: "AreaChart",
         angular: "ibm-area-chart",
-        vue: "ccv-area-chart",
+        vue: "ccv-area-chart"
     },
     SimpleBarChart: {
         vanilla: "SimpleBarChart",
         angular: "ibm-simple-bar-chart",
-        vue: "ccv-simple-bar-chart",
+        vue: "ccv-simple-bar-chart"
     },
     GroupedBarChart: {
         vanilla: "GroupedBarChart",
         angular: "ibm-grouped-bar-chart",
-        vue: "ccv-grouped-bar-chart",
+        vue: "ccv-grouped-bar-chart"
     },
     StackedBarChart: {
         vanilla: "StackedBarChart",
         angular: "ibm-stacked-bar-chart",
-        vue: "ccv-stacked-bar-chart",
+        vue: "ccv-stacked-bar-chart"
     },
     BubbleChart: {
         vanilla: "BubbleChart",
         angular: "ibm-bubble-chart",
-        vue: "ccv-bubble-chart",
+        vue: "ccv-bubble-chart"
     },
     LineChart: {
         vanilla: "LineChart",
         angular: "ibm-line-chart",
-        vue: "ccv-line-chart",
+        vue: "ccv-line-chart"
     },
     StackedAreaChart: {
         vanilla: "StackedAreaChart",
         angular: "ibm-stacked-area-chart",
-        vue: "ccv-stacked-area-chart",
+        vue: "ccv-stacked-area-chart"
     },
     ScatterChart: {
         vanilla: "ScatterChart",
         angular: "ibm-scatter-chart",
-        vue: "ccv-scatter-chart",
+        vue: "ccv-scatter-chart"
     },
     PieChart: {
         vanilla: "PieChart",
         angular: "ibm-pie-chart",
-        vue: "ccv-pie-chart",
+        vue: "ccv-pie-chart"
+    },
+    GaugeChart: {
+        vanilla: "GaugeChart",
+        angular: "ibm-gauge-chart",
+        vue: "ccv-gauge-chart"
     },
     DonutChart: {
         vanilla: "DonutChart",
         angular: "ibm-donut-chart",
-        vue: "ccv-donut-chart",
+        vue: "ccv-donut-chart"
     },
     RadarChart: {
         vanilla: "RadarChart",
         angular: "ibm-radar-chart",
-        vue: "ccv-radar-chart",
-    },
+        vue: "ccv-radar-chart"
+    }
 };
 var allDemoGroups = [
     {
@@ -84,26 +91,32 @@ var allDemoGroups = [
             {
                 options: areaDemos.areaTimeSeriesCurvedOptions,
                 data: areaDemos.areaTimeSeriesCurvedData,
-                chartType: chartTypes.AreaChart,
+                chartType: chartTypes.AreaChart
             },
             {
                 options: areaDemos.areaTimeSeriesOptions,
                 data: areaDemos.areaTimeSeriesData,
-                chartType: chartTypes.AreaChart,
+                chartType: chartTypes.AreaChart
             },
             {
                 options: areaDemos.stackedAreaTimeSeriesOptions,
                 data: areaDemos.stackedAreaTimeSeriesData,
                 chartType: chartTypes.StackedAreaChart,
-                isDemoExample: true,
+                isDemoExample: true
+            },
+            {
+                options: areaDemos.stackedAreaTimeSeriesUnevenDataOptions,
+                data: areaDemos.stackedAreaTimeSeriesUnevenData,
+                chartType: chartTypes.StackedAreaChart,
+                isDemoExample: true
             },
             {
                 options: areaDemos.stackedAreaPercentageTimeSeriesOptions,
                 data: areaDemos.stackedAreaTimeSeriesData,
                 chartType: chartTypes.StackedAreaChart,
-                isDemoExample: true,
-            },
-        ],
+                isDemoExample: true
+            }
+        ]
     },
     {
         title: "Bar (vertical)",
@@ -112,72 +125,78 @@ var allDemoGroups = [
             {
                 options: barDemos.simpleBarOptions,
                 data: barDemos.simpleBarData,
+                chartType: chartTypes.SimpleBarChart
+            },
+            {
+                options: barDemos.simpleBarLongLabelOptions,
+                data: barDemos.simpleBarLongLabelData,
                 chartType: chartTypes.SimpleBarChart,
+                isDemoExample: true,
             },
             {
                 options: barDemos.simpleBarTimeSeriesOptions,
                 data: barDemos.simpleBarTimeSeriesData,
-                chartType: chartTypes.SimpleBarChart,
+                chartType: chartTypes.SimpleBarChart
             },
             {
                 options: barDemos.simpleBarFixedDomainOptions,
                 data: barDemos.simpleBarData,
-                chartType: chartTypes.SimpleBarChart,
+                chartType: chartTypes.SimpleBarChart
             },
             {
                 options: barDemos.simpleBarEmptyStateOptions,
                 data: barDemos.simpleBarEmptyStateData,
                 chartType: chartTypes.SimpleBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.simpleBarSkeletonOptions,
                 data: barDemos.simpleBarSkeletonData,
                 chartType: chartTypes.SimpleBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 description: "A grouped bar chart, also known as a clustered bar graph, multi-set bar chart, or grouped column chart, is a type of bar graph that is used to compare values across multiple categories.",
                 options: barDemos.groupedBarOptions,
                 data: barDemos.groupedBarData,
-                chartType: chartTypes.GroupedBarChart,
+                chartType: chartTypes.GroupedBarChart
             },
             {
                 options: barDemos.groupedBarEmptyStateOptions,
                 data: barDemos.groupedBarEmptyStateData,
                 chartType: chartTypes.GroupedBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.groupedBarSkeletonOptions,
                 data: barDemos.groupedBarSkeletonData,
                 chartType: chartTypes.GroupedBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 description: "Stacked bar charts are useful for comparing proportional contributions within a category. They plot the relative value that each data series contributes to the total.",
                 options: barDemos.stackedBarOptions,
                 data: barDemos.stackedBarData,
-                chartType: chartTypes.StackedBarChart,
+                chartType: chartTypes.StackedBarChart
             },
             {
                 options: barDemos.stackedBarTimeSeriesOptions,
                 data: barDemos.stackedBarTimeSeriesData,
-                chartType: chartTypes.StackedBarChart,
+                chartType: chartTypes.StackedBarChart
             },
             {
                 options: barDemos.stackedBarEmptyStateOptions,
                 data: barDemos.stackedBarEmptyStateData,
                 chartType: chartTypes.StackedBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.stackedBarSkeletonOptions,
                 data: barDemos.stackedBarSkeletonData,
                 chartType: chartTypes.StackedBarChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Bar (horizontal)",
@@ -185,65 +204,71 @@ var allDemoGroups = [
             {
                 options: barDemos.simpleHorizontalBarOptions,
                 data: barDemos.simpleHorizontalBarData,
+                chartType: chartTypes.SimpleBarChart
+            },
+            {
+                options: barDemos.simpleHorizontalBarLongLabelOptions,
+                data: barDemos.simpleHorizontalBarLongLabelData,
                 chartType: chartTypes.SimpleBarChart,
+                isDemoExample: true,
             },
             {
                 options: barDemos.simpleHorizontalBarTimeSeriesOptions,
                 data: barDemos.simpleHorizontalBarTimeSeriesData,
-                chartType: chartTypes.SimpleBarChart,
+                chartType: chartTypes.SimpleBarChart
             },
             {
                 options: barDemos.simpleHorizontalBarEmptyStateOptions,
                 data: barDemos.simpleHorizontalBarEmptyStateData,
                 chartType: chartTypes.SimpleBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.simpleHorizontalBarSkeletonOptions,
                 data: barDemos.simpleHorizontalBarSkeletonData,
                 chartType: chartTypes.SimpleBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.groupedHorizontalBarOptions,
                 data: barDemos.groupedHorizontalBarData,
-                chartType: chartTypes.GroupedBarChart,
+                chartType: chartTypes.GroupedBarChart
             },
             {
                 options: barDemos.groupedHorizontalBarEmptyStateOptions,
                 data: barDemos.groupedHorizontalBarEmptyStateData,
                 chartType: chartTypes.GroupedBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.groupedHorizontalBarSkeletonOptions,
                 data: barDemos.groupedHorizontalBarSkeletonData,
                 chartType: chartTypes.GroupedBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.stackedHorizontalBarOptions,
                 data: barDemos.stackedHorizontalBarData,
-                chartType: chartTypes.StackedBarChart,
+                chartType: chartTypes.StackedBarChart
             },
             {
                 options: barDemos.stackedHorizontalBarTimeSeriesOptions,
                 data: barDemos.stackedHorizontalBarTimeSeriesData,
-                chartType: chartTypes.StackedBarChart,
+                chartType: chartTypes.StackedBarChart
             },
             {
                 options: barDemos.stackedHorizontalBarEmptyStateOptions,
                 data: barDemos.stackedHorizontalBarEmptyStateData,
                 chartType: chartTypes.StackedBarChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: barDemos.stackedHorizontalBarSkeletonOptions,
                 data: barDemos.stackedHorizontalBarSkeletonData,
                 chartType: chartTypes.StackedBarChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Bubble",
@@ -252,31 +277,31 @@ var allDemoGroups = [
             {
                 options: bubbleDemos.bubbleDoubleLinearOptions,
                 data: bubbleDemos.bubbleDoubleLinearData,
-                chartType: chartTypes.BubbleChart,
+                chartType: chartTypes.BubbleChart
             },
             {
                 options: bubbleDemos.bubbleTimeSeriesOptions,
                 data: bubbleDemos.bubbleTimeSeriesData,
-                chartType: chartTypes.BubbleChart,
+                chartType: chartTypes.BubbleChart
             },
             {
                 options: bubbleDemos.bubbleDiscreteOptions,
                 data: bubbleDemos.bubbleDiscreteData,
-                chartType: chartTypes.BubbleChart,
+                chartType: chartTypes.BubbleChart
             },
             {
                 options: bubbleDemos.bubbleEmptyStateOptions,
                 data: bubbleDemos.bubbleEmptyStateData,
                 chartType: chartTypes.BubbleChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: bubbleDemos.bubbleSkeletonOptions,
                 data: bubbleDemos.bubbleSkeletonData,
                 chartType: chartTypes.BubbleChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Donut",
@@ -284,21 +309,21 @@ var allDemoGroups = [
             {
                 options: donutDemos.donutOptions,
                 data: donutDemos.donutData,
-                chartType: chartTypes.DonutChart,
+                chartType: chartTypes.DonutChart
             },
             {
                 options: donutDemos.donutEmptyStateOptions,
                 data: donutDemos.donutEmptyStateData,
                 chartType: chartTypes.DonutChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: donutDemos.donutSkeletonOptions,
                 data: donutDemos.donutSkeletonData,
                 chartType: chartTypes.DonutChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Line",
@@ -307,7 +332,7 @@ var allDemoGroups = [
             {
                 options: lineDemos.lineTimeSeriesOptions,
                 data: lineDemos.lineTimeSeriesData,
-                chartType: chartTypes.LineChart,
+                chartType: chartTypes.LineChart
             },
             {
                 options: lineDemos.lineTimeSeriesCustomDomainOptions,
@@ -317,11 +342,16 @@ var allDemoGroups = [
             {
                 options: lineDemos.lineTimeSeriesDenseOptions,
                 data: lineDemos.lineTimeSeriesDenseData,
-                chartType: chartTypes.LineChart,
+                chartType: chartTypes.LineChart
             },
             {
                 options: lineDemos.lineOptions,
                 data: lineDemos.lineData,
+                chartType: chartTypes.LineChart
+            },
+            {
+                options: lineDemos.lineLongLabelOptions,
+                data: lineDemos.lineLongLabelData,
                 chartType: chartTypes.LineChart,
             },
             {
@@ -333,53 +363,38 @@ var allDemoGroups = [
                 options: lineDemos.lineTimeSeriesRotatedTicksOptions,
                 data: lineDemos.lineTimeSeriesDataRotatedTicks,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: lineDemos.lineTimeSeriesHorizontalOptions,
                 data: lineDemos.lineTimeSeriesData,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: lineDemos.lineHorizontalOptions,
                 data: lineDemos.lineData,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: lineDemos.lineTimeSeriesWithThresholdsOptions,
                 data: lineDemos.lineTimeSeriesData,
-                chartType: chartTypes.LineChart,
+                chartType: chartTypes.LineChart
             },
             {
                 options: lineDemos.lineEmptyStateOptions,
                 data: lineDemos.lineEmptyStateData,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: lineDemos.lineSkeletonOptions,
                 data: lineDemos.lineSkeletonData,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
-            },
-        ],
-    },
-    {
-        title: "Area",
-        demos: [
-            {
-                options: areaDemos.stackedAreaTimeSeriesOptions,
-                data: areaDemos.stackedAreaTimeSeriesData,
-                chartType: chartTypes.StackedAreaChart,
-            },
-            {
-                options: areaDemos.stackedAreaPercentageTimeSeriesOptions,
-                data: areaDemos.stackedAreaTimeSeriesData,
-                chartType: chartTypes.StackedAreaChart,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Pie",
@@ -387,21 +402,44 @@ var allDemoGroups = [
             {
                 options: pieDemos.pieOptions,
                 data: pieDemos.pieData,
-                chartType: chartTypes.PieChart,
+                chartType: chartTypes.PieChart
             },
             {
                 options: pieDemos.pieEmptyStateOptions,
                 data: pieDemos.pieEmptyStateData,
                 chartType: chartTypes.PieChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: pieDemos.pieSkeletonOptions,
                 data: pieDemos.pieSkeletonData,
                 chartType: chartTypes.PieChart,
-                isDemoExample: false,
+                isDemoExample: false
+            }
+        ]
+    },
+    {
+        title: "Gauge",
+        demos: [
+            {
+                options: gaugeDemos.gaugeOptionsSemi,
+                data: gaugeDemos.gaugeData,
+                chartType: chartTypes.GaugeChart,
+                isDemoExample: true
+            },
+            {
+                options: gaugeDemos.gaugeOptionsCircular,
+                data: gaugeDemos.gaugeData,
+                chartType: chartTypes.GaugeChart,
+                isDemoExample: true
             },
-        ],
+            {
+                options: gaugeDemos.gaugeOptionsCircularNoDelta,
+                data: gaugeDemos.gaugeDataNoDelta,
+                chartType: chartTypes.GaugeChart,
+                isDemoExample: true
+            }
+        ]
     },
     {
         title: "Scatter",
@@ -410,31 +448,36 @@ var allDemoGroups = [
             {
                 options: scatterDemos.doubleLinearScatterOptions,
                 data: scatterDemos.doubleLinearScatterData,
-                chartType: chartTypes.ScatterChart,
+                chartType: chartTypes.ScatterChart
             },
             {
                 options: scatterDemos.scatterTimeSeriesOptions,
                 data: scatterDemos.scatterTimeSeriesData,
-                chartType: chartTypes.ScatterChart,
+                chartType: chartTypes.ScatterChart
             },
             {
                 options: scatterDemos.scatterDiscreteOptions,
                 data: scatterDemos.scatterDiscreteData,
+                chartType: chartTypes.ScatterChart
+            },
+            {
+                options: scatterDemos.scatterLongLabelDiscreteOptions,
+                data: scatterDemos.scatterLongLabelDiscreteData,
                 chartType: chartTypes.ScatterChart,
             },
             {
                 options: scatterDemos.scatterEmptyStateOptions,
                 data: scatterDemos.scatterEmptyStateData,
                 chartType: chartTypes.ScatterChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: scatterDemos.scatterSkeletonOptions,
                 data: scatterDemos.scatterSkeletonData,
                 chartType: chartTypes.ScatterChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Step",
@@ -443,26 +486,26 @@ var allDemoGroups = [
             {
                 options: stepDemos.stepOptions,
                 data: stepDemos.stepData,
-                chartType: chartTypes.LineChart,
+                chartType: chartTypes.LineChart
             },
             {
                 options: stepDemos.stepTimeSeriesOptions,
                 data: stepDemos.stepTimeSeriesData,
-                chartType: chartTypes.LineChart,
+                chartType: chartTypes.LineChart
             },
             {
                 options: stepDemos.stepEmptyStateOptions,
                 data: stepDemos.stepEmptyStateData,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: stepDemos.stepSkeletonOptions,
                 data: stepDemos.stepSkeletonData,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Time series axis",
@@ -471,93 +514,93 @@ var allDemoGroups = [
                 options: timeSeriesAxisDemos.lineTimeSeries15secondsOptions,
                 data: timeSeriesAxisDemos.lineTimeSeriesData15seconds,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: timeSeriesAxisDemos.lineTimeSeriesMinuteOptions,
                 data: timeSeriesAxisDemos.lineTimeSeriesDataMinute,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: timeSeriesAxisDemos.lineTimeSeries30minutesOptions,
                 data: timeSeriesAxisDemos.lineTimeSeriesData30minutes,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: timeSeriesAxisDemos.lineTimeSeriesHourlyDefaultLocaleOptions,
                 data: timeSeriesAxisDemos.lineTimeSeriesDataHourlyDefaultTicksFormats,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 options: timeSeriesAxisDemos.lineTimeSeriesHourlyCustomTicksFormatsOptions,
                 data: timeSeriesAxisDemos.lineTimeSeriesDataHourlyCustomTicksFormats,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataDaily,
                 options: timeSeriesAxisDemos.lineTimeSeriesDailyOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataWeekly,
                 options: timeSeriesAxisDemos.lineTimeSeriesWeeklyOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataMonthlyDefaultLocale,
                 options: timeSeriesAxisDemos.lineTimeSeriesMonthlyDefaultLocaleOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataMonthlyCustomLocale,
                 options: timeSeriesAxisDemos.lineTimeSeriesMonthlyCustomLocaleOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataQuarterly,
                 options: timeSeriesAxisDemos.lineTimeSeriesQuarterlyOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataYearly,
                 options: timeSeriesAxisDemos.lineTimeSeriesYearlyOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataSingleDatum,
                 options: timeSeriesAxisDemos.lineTimeSeriesSingleDatumOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesNoExtendedDomainData,
                 options: timeSeriesAxisDemos.lineTimeSeriesNoExtendedDomainOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataTwoIdenticalLabels,
                 options: timeSeriesAxisDemos.lineTimeSeriesTwoIdenticalLabelsOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
+                isDemoExample: false
             },
             {
                 data: timeSeriesAxisDemos.lineTimeSeriesDataAllLabelsInPrimaryFormat,
                 options: timeSeriesAxisDemos.lineTimeSeriesAllLabelsInPrimaryFormatOptions,
                 chartType: chartTypes.LineChart,
-                isDemoExample: false,
-            },
-        ],
+                isDemoExample: false
+            }
+        ]
     },
     {
         title: "Radar",
@@ -565,20 +608,20 @@ var allDemoGroups = [
             {
                 data: radarDemos.radarData,
                 options: radarDemos.radarOptions,
-                chartType: chartTypes.RadarChart,
+                chartType: chartTypes.RadarChart
             },
             {
                 data: radarDemos.radarWithMissingDataData,
                 options: radarDemos.radarWithMissingDataOptions,
-                chartType: chartTypes.RadarChart,
+                chartType: chartTypes.RadarChart
             },
             {
                 data: radarDemos.radarDenseData,
                 options: radarDemos.radarDenseOptions,
-                chartType: chartTypes.RadarChart,
-            },
-        ],
-    },
+                chartType: chartTypes.RadarChart
+            }
+        ]
+    }
 ];
 var formatTitleString = function (str) {
     return str