@carbon/charts 0.30.4 → 0.30.8

package/demo/data/index.js

@@ -137,8 +137,20 @@ var allDemoGroups = [
         title: "Bubble",
         demos: [
             {
-                options: bubbleDemos.bubbleOptions,
-                data: bubbleDemos.bubbleData,
+                options: bubbleDemos.bubbleDoubleLinearOptions,
+                data: bubbleDemos.bubbleDoubleLinearData,
+                chartType: chartTypes.BubbleChart,
+                isDemoExample: true
+            },
+            {
+                options: bubbleDemos.bubbleTimeSeriesOptions,
+                data: bubbleDemos.bubbleTimeSeriesData,
+                chartType: chartTypes.BubbleChart,
+                isDemoExample: true
+            },
+            {
+                options: bubbleDemos.bubbleDiscreteOptions,
+                data: bubbleDemos.bubbleDiscreteData,
                 chartType: chartTypes.BubbleChart,
                 isDemoExample: true
             }
@@ -191,6 +203,12 @@ var allDemoGroups = [
     {
         title: "Scatter",
         demos: [
+            {
+                options: scatterDemos.doubleLinearScatterOptions,
+                data: scatterDemos.doubleLinearScatterData,
+                chartType: chartTypes.ScatterChart,
+                isDemoExample: true
+            },
             {
                 options: scatterDemos.scatterTimeSeriesOptions,
                 data: scatterDemos.scatterTimeSeriesData,
@@ -198,8 +216,8 @@ var allDemoGroups = [
                 isDemoExample: true
             },
             {
-                options: scatterDemos.scatterOptions,
-                data: scatterDemos.scatterData,
+                options: scatterDemos.scatterDiscreteOptions,
+                data: scatterDemos.scatterDiscreteData,
                 chartType: chartTypes.ScatterChart,
                 isDemoExample: true
             }

package/demo/data/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["import * as barDemos from \"./bar\";\nimport * as bubbleDemos from \"./bubble\";\nimport * as donutDemos from \"./donut\";\nimport * as lineDemos from \"./line\";\nimport * as pieDemos from \"./pie\";\nimport * as scatterDemos from \"./scatter\";\nimport * as stepDemos from \"./step\";\nimport * as timeSeriesAxisDemos from \"./time-series-axis\";\n\nexport * from \"./bar\";\nexport * from \"./bubble\";\nexport * from \"./donut\";\nexport * from \"./line\";\nexport * from \"./pie\";\nexport * from \"./scatter\";\nexport * from \"./step\";\n\nimport {\n\tcreateChartSandbox,\n\tcreateReactChartApp,\n\tcreateAngularChartApp,\n\tcreateVueChartApp,\n\tcreateVanillaChartApp\n} from \"./create-codesandbox\";\n\nimport { Tools } from \"@carbon/charts/tools\";\n\nexport const chartTypes = {\n\tSimpleBarChart: {\n\t\tvanilla: \"SimpleBarChart\",\n\t\tangular: \"ibm-simple-bar-chart\",\n\t\tvue: \"ccv-simple-bar-chart\"\n\t},\n\tGroupedBarChart: {\n\t\tvanilla: \"GroupedBarChart\",\n\t\tangular: \"ibm-grouped-bar-chart\",\n\t\tvue: \"ccv-grouped-bar-chart\"\n\t},\n\tStackedBarChart: {\n\t\tvanilla: \"StackedBarChart\",\n\t\tangular: \"ibm-stacked-bar-chart\",\n\t\tvue: \"ccv-stacked-bar-chart\"\n\t},\n\tBubbleChart: {\n\t\tvanilla: \"BubbleChart\",\n\t\tangular: \"ibm-bubble-chart\",\n\t\tvue: \"ccv-bubble-chart\"\n\t},\n\tLineChart: {\n\t\tvanilla: \"LineChart\",\n\t\tangular: \"ibm-line-chart\",\n\t\tvue: \"ccv-line-chart\"\n\t},\n\tScatterChart: {\n\t\tvanilla: \"ScatterChart\",\n\t\tangular: \"ibm-scatter-chart\",\n\t\tvue: \"ccv-scatter-chart\"\n\t},\n\tPieChart: {\n\t\tvanilla: \"PieChart\",\n\t\tangular: \"ibm-pie-chart\",\n\t\tvue: \"ccv-pie-chart\"\n\t},\n\tDonutChart: {\n\t\tvanilla: \"DonutChart\",\n\t\tangular: \"ibm-donut-chart\",\n\t\tvue: \"ccv-donut-chart\"\n\t}\n};\n\nlet allDemoGroups = [\n\t{\n\t\ttitle: \"Bar (vertical)\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleBarOptions,\n\t\t\t\tdata: barDemos.simpleBarData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.simpleBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleBarFixedDomainOptions,\n\t\t\t\tdata: barDemos.simpleBarData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.groupedBarOptions,\n\t\t\t\tdata: barDemos.groupedBarData,\n\t\t\t\tchartType: chartTypes.GroupedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedBarOptions,\n\t\t\t\tdata: barDemos.stackedBarData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.stackedBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Bar (horizontal)\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleHorizontalBarOptions,\n\t\t\t\tdata: barDemos.simpleHorizontalBarData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleHorizontalBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.simpleHorizontalBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.groupedHorizontalBarOptions,\n\t\t\t\tdata: barDemos.groupedHorizontalBarData,\n\t\t\t\tchartType: chartTypes.GroupedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedHorizontalBarOptions,\n\t\t\t\tdata: barDemos.stackedHorizontalBarData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedHorizontalBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.stackedHorizontalBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Bubble\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: bubbleDemos.bubbleOptions,\n\t\t\t\tdata: bubbleDemos.bubbleData,\n\t\t\t\tchartType: chartTypes.BubbleChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Donut\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: donutDemos.donutOptions,\n\t\t\t\tdata: donutDemos.donutData,\n\t\t\t\tchartType: chartTypes.DonutChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Line\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: lineDemos.lineTimeSeriesOptions,\n\t\t\t\tdata: lineDemos.lineTimeSeriesData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: lineDemos.lineOptions,\n\t\t\t\tdata: lineDemos.lineData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: lineDemos.lineTimeSeriesRotatedTicksOptions,\n\t\t\t\tdata: lineDemos.lineTimeSeriesDataRotatedTicks,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Pie\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: pieDemos.pieOptions,\n\t\t\t\tdata: pieDemos.pieData,\n\t\t\t\tchartType: chartTypes.PieChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Scatter\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: scatterDemos.scatterTimeSeriesOptions,\n\t\t\t\tdata: scatterDemos.scatterTimeSeriesData,\n\t\t\t\tchartType: chartTypes.ScatterChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: scatterDemos.scatterOptions,\n\t\t\t\tdata: scatterDemos.scatterData,\n\t\t\t\tchartType: chartTypes.ScatterChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Step\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: stepDemos.stepOptions,\n\t\t\t\tdata: stepDemos.stepData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: stepDemos.stepTimeSeriesOptions,\n\t\t\t\tdata: stepDemos.stepTimeSeriesData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Time series axis\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeries15secondsOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesData15seconds,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesMinuteOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataMinute,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeries30minutesOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesData30minutes,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesHourlyDefaultLocaleOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataHourlyDefaultTicksFormats,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesHourlyCustomTicksFormatsOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataHourlyCustomTicksFormats,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataDaily,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesDailyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataWeekly,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesWeeklyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataMonthlyDefaultLocale,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesMonthlyDefaultLocaleOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataMonthlyCustomLocale,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesMonthlyCustomLocaleOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataQuarterly,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesQuarterlyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataYearly,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesYearlyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataSingleDatum,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesSingleDatumOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t}\n\t\t]\n\t}\n] as any;\n\nconst formatTitleString = str => (\n\tstr.replace(/[^\\w\\s]/gi, \"\")\n\t\t.replace(/\\s\\s+/g, \" \")\n\t\t.toLowerCase()\n\t\t.replace(/\\s+/g, \"-\")\n);\n\n// add codesandbox and code to demos\nallDemoGroups = allDemoGroups.map(demoGroup => {\n\tdemoGroup.demos = demoGroup.demos.map(demo => {\n\t\tdemo.title = demo.options.title;\n\t\tdemo.id = `${formatTitleString(demoGroup.title)}--${formatTitleString(demo.options.title)}`;\n\t\tdemo.options.height = \"400px\";\n\n\t\tif (!demo.codesandbox) {\n\t\t\tdemo.codesandbox = {};\n\t\t}\n\t\tdemo.codesandbox.react = createChartSandbox(createReactChartApp(demo));\n\t\tdemo.codesandbox.vue = createChartSandbox(createVueChartApp(demo));\n\t\tdemo.codesandbox.vanilla = createChartSandbox(createVanillaChartApp(demo));\n\n\t\tif (!demo.code) {\n\t\t\tdemo.code = {};\n\t\t}\n\t\tdemo.code.angular = createAngularChartApp(demo);\n\n\t\treturn demo;\n\t});\n\n\treturn demoGroup;\n});\n\n// in the storybook we want to show all the demos\nexport const storybookDemoGroups = Tools.clone(allDemoGroups);\n\n// in the demo page we want to show only demos with isDemoExample = true\nexport const demoGroups = Tools.clone(allDemoGroups).map(demoGroup => {\n\tdemoGroup.demos = demoGroup.demos.filter(demo => demo.isDemoExample);\n\treturn demoGroup;\n}).filter(demoGroup => demoGroup.demos.length); // remove demoGroup if it's children are all with isDemoExample = false\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["import * as barDemos from \"./bar\";\nimport * as bubbleDemos from \"./bubble\";\nimport * as donutDemos from \"./donut\";\nimport * as lineDemos from \"./line\";\nimport * as pieDemos from \"./pie\";\nimport * as scatterDemos from \"./scatter\";\nimport * as stepDemos from \"./step\";\nimport * as timeSeriesAxisDemos from \"./time-series-axis\";\n\nexport * from \"./bar\";\nexport * from \"./bubble\";\nexport * from \"./donut\";\nexport * from \"./line\";\nexport * from \"./pie\";\nexport * from \"./scatter\";\nexport * from \"./step\";\n\nimport {\n\tcreateChartSandbox,\n\tcreateReactChartApp,\n\tcreateAngularChartApp,\n\tcreateVueChartApp,\n\tcreateVanillaChartApp\n} from \"./create-codesandbox\";\n\nimport { Tools } from \"@carbon/charts/tools\";\n\nexport const chartTypes = {\n\tSimpleBarChart: {\n\t\tvanilla: \"SimpleBarChart\",\n\t\tangular: \"ibm-simple-bar-chart\",\n\t\tvue: \"ccv-simple-bar-chart\"\n\t},\n\tGroupedBarChart: {\n\t\tvanilla: \"GroupedBarChart\",\n\t\tangular: \"ibm-grouped-bar-chart\",\n\t\tvue: \"ccv-grouped-bar-chart\"\n\t},\n\tStackedBarChart: {\n\t\tvanilla: \"StackedBarChart\",\n\t\tangular: \"ibm-stacked-bar-chart\",\n\t\tvue: \"ccv-stacked-bar-chart\"\n\t},\n\tBubbleChart: {\n\t\tvanilla: \"BubbleChart\",\n\t\tangular: \"ibm-bubble-chart\",\n\t\tvue: \"ccv-bubble-chart\"\n\t},\n\tLineChart: {\n\t\tvanilla: \"LineChart\",\n\t\tangular: \"ibm-line-chart\",\n\t\tvue: \"ccv-line-chart\"\n\t},\n\tScatterChart: {\n\t\tvanilla: \"ScatterChart\",\n\t\tangular: \"ibm-scatter-chart\",\n\t\tvue: \"ccv-scatter-chart\"\n\t},\n\tPieChart: {\n\t\tvanilla: \"PieChart\",\n\t\tangular: \"ibm-pie-chart\",\n\t\tvue: \"ccv-pie-chart\"\n\t},\n\tDonutChart: {\n\t\tvanilla: \"DonutChart\",\n\t\tangular: \"ibm-donut-chart\",\n\t\tvue: \"ccv-donut-chart\"\n\t}\n};\n\nlet allDemoGroups = [\n\t{\n\t\ttitle: \"Bar (vertical)\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleBarOptions,\n\t\t\t\tdata: barDemos.simpleBarData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.simpleBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleBarFixedDomainOptions,\n\t\t\t\tdata: barDemos.simpleBarData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.groupedBarOptions,\n\t\t\t\tdata: barDemos.groupedBarData,\n\t\t\t\tchartType: chartTypes.GroupedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedBarOptions,\n\t\t\t\tdata: barDemos.stackedBarData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.stackedBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Bar (horizontal)\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleHorizontalBarOptions,\n\t\t\t\tdata: barDemos.simpleHorizontalBarData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.simpleHorizontalBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.simpleHorizontalBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.SimpleBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.groupedHorizontalBarOptions,\n\t\t\t\tdata: barDemos.groupedHorizontalBarData,\n\t\t\t\tchartType: chartTypes.GroupedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedHorizontalBarOptions,\n\t\t\t\tdata: barDemos.stackedHorizontalBarData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: barDemos.stackedHorizontalBarTimeSeriesOptions,\n\t\t\t\tdata: barDemos.stackedHorizontalBarTimeSeriesData,\n\t\t\t\tchartType: chartTypes.StackedBarChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Bubble\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: bubbleDemos.bubbleDoubleLinearOptions,\n\t\t\t\tdata: bubbleDemos.bubbleDoubleLinearData,\n\t\t\t\tchartType: chartTypes.BubbleChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: bubbleDemos.bubbleTimeSeriesOptions,\n\t\t\t\tdata: bubbleDemos.bubbleTimeSeriesData,\n\t\t\t\tchartType: chartTypes.BubbleChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: bubbleDemos.bubbleDiscreteOptions,\n\t\t\t\tdata: bubbleDemos.bubbleDiscreteData,\n\t\t\t\tchartType: chartTypes.BubbleChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Donut\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: donutDemos.donutOptions,\n\t\t\t\tdata: donutDemos.donutData,\n\t\t\t\tchartType: chartTypes.DonutChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Line\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: lineDemos.lineTimeSeriesOptions,\n\t\t\t\tdata: lineDemos.lineTimeSeriesData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: lineDemos.lineOptions,\n\t\t\t\tdata: lineDemos.lineData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: lineDemos.lineTimeSeriesRotatedTicksOptions,\n\t\t\t\tdata: lineDemos.lineTimeSeriesDataRotatedTicks,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Pie\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: pieDemos.pieOptions,\n\t\t\t\tdata: pieDemos.pieData,\n\t\t\t\tchartType: chartTypes.PieChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Scatter\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: scatterDemos.doubleLinearScatterOptions,\n\t\t\t\tdata: scatterDemos.doubleLinearScatterData,\n\t\t\t\tchartType: chartTypes.ScatterChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: scatterDemos.scatterTimeSeriesOptions,\n\t\t\t\tdata: scatterDemos.scatterTimeSeriesData,\n\t\t\t\tchartType: chartTypes.ScatterChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: scatterDemos.scatterDiscreteOptions,\n\t\t\t\tdata: scatterDemos.scatterDiscreteData,\n\t\t\t\tchartType: chartTypes.ScatterChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Step\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: stepDemos.stepOptions,\n\t\t\t\tdata: stepDemos.stepData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: stepDemos.stepTimeSeriesOptions,\n\t\t\t\tdata: stepDemos.stepTimeSeriesData,\n\t\t\t\tchartType: chartTypes.LineChart,\n\t\t\t\tisDemoExample: true\n\t\t\t}\n\t\t]\n\t},\n\t{\n\t\ttitle: \"Time series axis\",\n\t\tdemos: [\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeries15secondsOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesData15seconds,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesMinuteOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataMinute,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeries30minutesOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesData30minutes,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesHourlyDefaultLocaleOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataHourlyDefaultTicksFormats,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesHourlyCustomTicksFormatsOptions,\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataHourlyCustomTicksFormats,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataDaily,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesDailyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataWeekly,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesWeeklyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataMonthlyDefaultLocale,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesMonthlyDefaultLocaleOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataMonthlyCustomLocale,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesMonthlyCustomLocaleOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataQuarterly,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesQuarterlyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataYearly,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesYearlyOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t},\n\t\t\t{\n\t\t\t\tdata: timeSeriesAxisDemos.lineTimeSeriesDataSingleDatum,\n\t\t\t\toptions: timeSeriesAxisDemos.lineTimeSeriesSingleDatumOptions,\n\t\t\t\tchartType: chartTypes.LineChart\n\t\t\t}\n\t\t]\n\t}\n] as any;\n\nconst formatTitleString = str => (\n\tstr.replace(/[^\\w\\s]/gi, \"\")\n\t\t.replace(/\\s\\s+/g, \" \")\n\t\t.toLowerCase()\n\t\t.replace(/\\s+/g, \"-\")\n);\n\n// add codesandbox and code to demos\nallDemoGroups = allDemoGroups.map(demoGroup => {\n\tdemoGroup.demos = demoGroup.demos.map(demo => {\n\t\tdemo.title = demo.options.title;\n\t\tdemo.id = `${formatTitleString(demoGroup.title)}--${formatTitleString(demo.options.title)}`;\n\t\tdemo.options.height = \"400px\";\n\n\t\tif (!demo.codesandbox) {\n\t\t\tdemo.codesandbox = {};\n\t\t}\n\t\tdemo.codesandbox.react = createChartSandbox(createReactChartApp(demo));\n\t\tdemo.codesandbox.vue = createChartSandbox(createVueChartApp(demo));\n\t\tdemo.codesandbox.vanilla = createChartSandbox(createVanillaChartApp(demo));\n\n\t\tif (!demo.code) {\n\t\t\tdemo.code = {};\n\t\t}\n\t\tdemo.code.angular = createAngularChartApp(demo);\n\n\t\treturn demo;\n\t});\n\n\treturn demoGroup;\n});\n\n// in the storybook we want to show all the demos\nexport const storybookDemoGroups = Tools.clone(allDemoGroups);\n\n// in the demo page we want to show only demos with isDemoExample = true\nexport const demoGroups = Tools.clone(allDemoGroups).map(demoGroup => {\n\tdemoGroup.demos = demoGroup.demos.filter(demo => demo.isDemoExample);\n\treturn demoGroup;\n}).filter(demoGroup => demoGroup.demos.length); // remove demoGroup if it's children are all with isDemoExample = false\n"]}

package/demo/data/line.d.ts

@@ -1,65 +1,65 @@
-export declare const lineData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+export declare const lineData: ({
+    group: string;
+    key: string;
+    value: number;
+    audienceSize?: undefined;
+} | {
+    group: string;
+    key: string;
+    value: number;
+    audienceSize: number;
+})[];
 export declare const lineOptions: {
     title: string;
     axes: {
         bottom: {
             title: string;
+            mapsTo: string;
             scaleType: string;
-            secondary: boolean;
         };
         left: {
-            primary: boolean;
+            mapsTo: string;
+            title: string;
+            scaleType: string;
         };
     };
 };
 export declare const lineTimeSeriesData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesOptions: {
     title: string;
     axes: {
-        left: {
-            secondary: boolean;
-        };
         bottom: {
+            title: string;
+            mapsTo: string;
+            scaleType: string;
+        };
+        left: {
+            mapsTo: string;
+            title: string;
             scaleType: string;
-            primary: boolean;
         };
     };
     curve: string;
 };
 export declare const lineTimeSeriesDataRotatedTicks: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: {
-            date: Date;
-            value: number;
-        }[];
-    }[];
-};
+    group: string;
+    date: Date;
+    value: number;
+}[];
 export declare const lineTimeSeriesRotatedTicksOptions: {
     title: string;
+    width: string;
     axes: {
-        left: {
-            secondary: boolean;
-        };
         bottom: {
             scaleType: string;
-            primary: boolean;
+            mapsTo: string;
+        };
+        left: {
+            mapsTo: string;
         };
     };
 };

package/demo/data/line.js

@@ -1,221 +1,95 @@
-export var lineData = {
-    labels: ["Qty", "More", "Sold", "Restocking", "Misc"],
-    datasets: [
-        {
-            label: "Dataset 1",
-            data: [
-                32100,
-                23500,
-                53100,
-                42300,
-                12300
-            ]
-        },
-        {
-            label: "Dataset 2",
-            data: [
-                34200,
-                53200,
-                42300,
-                21400,
-                0
-            ]
-        },
-        {
-            label: "Dataset 3",
-            data: [
-                41200,
-                23400,
-                34210,
-                1400,
-                42100
-            ]
-        },
-        {
-            label: "Dataset 4",
-            data: [
-                22000,
-                1200,
-                9000,
-                24000,
-                3000
-            ]
-        },
-        {
-            label: "Dataset 5",
-            data: [
-                2412,
-                30000,
-                10000,
-                5000,
-                31000
-            ]
-        },
-        {
-            label: "Dataset 6",
-            data: [
-                0,
-                20000,
-                40000,
-                60000,
-                80000
-            ]
-        }
-    ]
-};
+export var lineData = [
+    { group: "Dataset 1", key: "Qty", value: 32100 },
+    { group: "Dataset 1", key: "More", value: 23500 },
+    { group: "Dataset 1", key: "Sold", value: 53100 },
+    { group: "Dataset 1", key: "Restocking", value: 42300 },
+    { group: "Dataset 1", key: "Misc", value: 12300 },
+    { group: "Dataset 2", key: "Qty", value: 34200 },
+    { group: "Dataset 2", key: "More", value: 53200 },
+    { group: "Dataset 2", key: "Sold", value: 42300 },
+    { group: "Dataset 2", key: "Restocking", value: 21400 },
+    { group: "Dataset 2", key: "Misc", value: 0 },
+    { group: "Dataset 3", key: "Qty", value: 41200 },
+    { group: "Dataset 3", key: "More", value: 18400 },
+    { group: "Dataset 3", key: "Sold", value: 34210 },
+    { group: "Dataset 3", key: "Restocking", value: 1400 },
+    { group: "Dataset 3", key: "Misc", value: 42100 },
+    { group: "Dataset 4", key: "Qty", value: 22000 },
+    { group: "Dataset 4", key: "More", value: 1200 },
+    { group: "Dataset 4", key: "Sold", value: 9000 },
+    { group: "Dataset 4", key: "Restocking", value: 24000, audienceSize: 10 },
+    { group: "Dataset 4", key: "Misc", value: 3000, audienceSize: 10 }
+];
 export var lineOptions = {
     title: "Line (discrete)",
     axes: {
         bottom: {
-            title: "2018 Annual Sales Figures",
-            scaleType: "labels",
-            secondary: true
+            title: "2019 Annual Sales Figures",
+            mapsTo: "key",
+            scaleType: "labels"
         },
         left: {
-            primary: true
+            mapsTo: "value",
+            title: "Conversion rate",
+            scaleType: "linear"
         }
     }
 };
-export var lineTimeSeriesData = {
-    labels: ["Qty", "More", "Sold", "Restocking", "Misc"],
-    datasets: [
-        {
-            label: "Dataset 1",
-            data: [
-                {
-                    date: new Date(2019, 0, 1),
-                    value: 10000
-                },
-                {
-                    date: new Date(2019, 0, 5),
-                    value: 65000
-                },
-                {
-                    date: new Date(2019, 0, 8),
-                    value: null
-                },
-                {
-                    date: new Date(2019, 0, 13),
-                    value: 49213
-                },
-                {
-                    date: new Date(2019, 0, 17),
-                    value: 51213
-                }
-            ]
-        },
-        {
-            label: "Dataset 2",
-            data: [
-                {
-                    date: new Date(2019, 0, 2),
-                    value: 0
-                },
-                {
-                    date: new Date(2019, 0, 6),
-                    value: 57312
-                },
-                {
-                    date: new Date(2019, 0, 8),
-                    value: 21432
-                },
-                {
-                    date: new Date(2019, 0, 15),
-                    value: 70323
-                },
-                {
-                    date: new Date(2019, 0, 19),
-                    value: 21300
-                }
-            ]
-        },
-        {
-            label: "Dataset 3",
-            data: [
-                {
-                    date: new Date(2019, 0, 1),
-                    value: 50000
-                },
-                {
-                    date: new Date(2019, 0, 5),
-                    value: null
-                },
-                {
-                    date: new Date(2019, 0, 8),
-                    value: 18000
-                },
-                {
-                    date: new Date(2019, 0, 13),
-                    value: 39213
-                },
-                {
-                    date: new Date(2019, 0, 17),
-                    value: 61213
-                }
-            ]
-        },
-        {
-            label: "Dataset 4",
-            data: [
-                {
-                    date: new Date(2019, 0, 2),
-                    value: 10
-                },
-                {
-                    date: new Date(2019, 0, 6),
-                    value: 37312
-                },
-                {
-                    date: new Date(2019, 0, 8),
-                    value: 51432
-                },
-                {
-                    date: new Date(2019, 0, 15),
-                    value: 25332
-                },
-                {
-                    date: new Date(2019, 0, 19),
-                    value: null
-                }
-            ]
-        }
-    ]
-};
+export var lineTimeSeriesData = [
+    { group: "Dataset 1", date: new Date(2019, 0, 1), value: 10000 },
+    { group: "Dataset 1", date: new Date(2019, 0, 5), value: 65000 },
+    { group: "Dataset 1", date: new Date(2019, 0, 8), value: null },
+    { group: "Dataset 1", date: new Date(2019, 0, 13), value: 49213 },
+    { group: "Dataset 1", date: new Date(2019, 0, 17), value: 51213 },
+    { group: "Dataset 2", date: new Date(2019, 0, 2), value: 0 },
+    { group: "Dataset 2", date: new Date(2019, 0, 6), value: 57312 },
+    { group: "Dataset 2", date: new Date(2019, 0, 8), value: 27432 },
+    { group: "Dataset 2", date: new Date(2019, 0, 15), value: 70323 },
+    { group: "Dataset 2", date: new Date(2019, 0, 19), value: 21300 },
+    { group: "Dataset 3", date: new Date(2019, 0, 1), value: 50000 },
+    { group: "Dataset 3", date: new Date(2019, 0, 5), value: null },
+    { group: "Dataset 3", date: new Date(2019, 0, 8), value: 18000 },
+    { group: "Dataset 3", date: new Date(2019, 0, 13), value: 39213 },
+    { group: "Dataset 3", date: new Date(2019, 0, 17), value: 61213 },
+    { group: "Dataset 4", date: new Date(2019, 0, 2), value: 20000 },
+    { group: "Dataset 4", date: new Date(2019, 0, 6), value: 37312 },
+    { group: "Dataset 4", date: new Date(2019, 0, 8), value: 51432 },
+    { group: "Dataset 4", date: new Date(2019, 0, 15), value: 25332 },
+    { group: "Dataset 4", date: new Date(2019, 0, 19), value: null }
+];
 export var lineTimeSeriesOptions = {
     title: "Line (time series)",
     axes: {
-        left: {
-            secondary: true
-        },
         bottom: {
-            scaleType: "time",
-            primary: true
+            title: "2019 Annual Sales Figures",
+            mapsTo: "date",
+            scaleType: "time"
+        },
+        left: {
+            mapsTo: "value",
+            title: "Conversion rate",
+            scaleType: "linear"
         }
     },
     curve: "curveMonotoneX"
 };
-export var lineTimeSeriesDataRotatedTicks = {
-    labels: ["Qty"],
-    datasets: [
-        {
-            label: "Dataset 1",
-            data: [
-                { date: new Date(2019, 11, 30), value: 10 },
-                { date: new Date(2019, 11, 31), value: 10 },
-                { date: new Date(2020, 0, 1), value: 10 },
-                { date: new Date(2020, 0, 2), value: 10 },
-                { date: new Date(2020, 0, 3), value: 10 }
-            ]
-        }
-    ]
-};
+export var lineTimeSeriesDataRotatedTicks = [
+    { group: "Dataset 1", date: new Date(2019, 11, 30), value: 32100 },
+    { group: "Dataset 1", date: new Date(2019, 11, 31), value: 23500 },
+    { group: "Dataset 1", date: new Date(2020, 0, 1), value: 53100 },
+    { group: "Dataset 1", date: new Date(2020, 0, 2), value: 42300 },
+    { group: "Dataset 1", date: new Date(2020, 0, 3), value: 12300 }
+];
 export var lineTimeSeriesRotatedTicksOptions = {
     title: "Line (time series) - Rotated ticks labels",
+    width: "400px",
     axes: {
-        left: { secondary: true },
         bottom: {
             scaleType: "time",
-            primary: true
+            mapsTo: "date"
+        },
+        left: {
+            mapsTo: "value"
         }
     }
 };

package/demo/data/line.js.map

@@ -1 +1 @@
-{"version":3,"file":"line.js","sourceRoot":"","sources":["line.ts"],"names":[],"mappings":"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","sourcesContent":["export const lineData = {\n\tlabels: [\"Qty\", \"More\", \"Sold\", \"Restocking\", \"Misc\"],\n\tdatasets: [\n\t\t{\n\t\t\tlabel: \"Dataset 1\",\n\t\t\tdata: [\n\t\t\t\t32100,\n\t\t\t\t23500,\n\t\t\t\t53100,\n\t\t\t\t42300,\n\t\t\t\t12300\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 2\",\n\t\t\tdata: [\n\t\t\t\t34200,\n\t\t\t\t53200,\n\t\t\t\t42300,\n\t\t\t\t21400,\n\t\t\t\t0\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 3\",\n\t\t\tdata: [\n\t\t\t\t41200,\n\t\t\t\t23400,\n\t\t\t\t34210,\n\t\t\t\t1400,\n\t\t\t\t42100\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 4\",\n\t\t\tdata: [\n\t\t\t\t22000,\n\t\t\t\t1200,\n\t\t\t\t9000,\n\t\t\t\t24000,\n\t\t\t\t3000\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 5\",\n\t\t\tdata: [\n\t\t\t\t2412,\n\t\t\t\t30000,\n\t\t\t\t10000,\n\t\t\t\t5000,\n\t\t\t\t31000\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 6\",\n\t\t\tdata: [\n\t\t\t\t0,\n\t\t\t\t20000,\n\t\t\t\t40000,\n\t\t\t\t60000,\n\t\t\t\t80000\n\t\t\t]\n\t\t}\n\t]\n};\n\nexport const lineOptions = {\n\ttitle: \"Line (discrete)\",\n\taxes: {\n\t\tbottom: {\n\t\t\ttitle: \"2018 Annual Sales Figures\",\n\t\t\tscaleType: \"labels\",\n\t\t\tsecondary: true\n\t\t},\n\t\tleft: {\n\t\t\tprimary: true\n\t\t}\n\t}\n};\n\nexport const lineTimeSeriesData = {\n\tlabels: [\"Qty\", \"More\", \"Sold\", \"Restocking\", \"Misc\"],\n\tdatasets: [\n\t\t{\n\t\t\tlabel: \"Dataset 1\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 1),\n\t\t\t\t\tvalue: 10000\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 5),\n\t\t\t\t\tvalue: 65000\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: null\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 13),\n\t\t\t\t\tvalue: 49213\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 17),\n\t\t\t\t\tvalue: 51213\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 2\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 2),\n\t\t\t\t\tvalue: 0\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 6),\n\t\t\t\t\tvalue: 57312\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: 21432\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 15),\n\t\t\t\t\tvalue: 70323\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 19),\n\t\t\t\t\tvalue: 21300\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 3\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 1),\n\t\t\t\t\tvalue: 50000\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 5),\n\t\t\t\t\tvalue: null\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: 18000\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 13),\n\t\t\t\t\tvalue: 39213\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 17),\n\t\t\t\t\tvalue: 61213\n\t\t\t\t}\n\t\t\t]\n\t\t},\n\t\t{\n\t\t\tlabel: \"Dataset 4\",\n\t\t\tdata: [\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 2),\n\t\t\t\t\tvalue: 10\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 6),\n\t\t\t\t\tvalue: 37312\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 8),\n\t\t\t\t\tvalue: 51432\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 15),\n\t\t\t\t\tvalue: 25332\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tdate: new Date(2019, 0, 19),\n\t\t\t\t\tvalue: null\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t]\n};\n\nexport const lineTimeSeriesOptions = {\n\ttitle: \"Line (time series)\",\n\taxes: {\n\t\tleft: {\n\t\t\tsecondary: true\n\t\t},\n\t\tbottom: {\n\t\t\tscaleType: \"time\",\n\t\t\tprimary: true\n\t\t}\n\t},\n\tcurve: \"curveMonotoneX\"\n};\n\nexport const lineTimeSeriesDataRotatedTicks = {\n\tlabels: [\"Qty\"],\n\tdatasets: [\n\t\t{\n\t\t\tlabel: \"Dataset 1\",\n\t\t\tdata: [\n\t\t\t\t{ date: new Date(2019, 11, 30), value: 10 },\n\t\t\t\t{ date: new Date(2019, 11, 31), value: 10 },\n\t\t\t\t{ date: new Date(2020, 0, 1), value: 10 },\n\t\t\t\t{ date: new Date(2020, 0, 2), value: 10 },\n\t\t\t\t{ date: new Date(2020, 0, 3), value: 10 }\n\t\t\t]\n\t\t}\n\t]\n};\n\nexport const lineTimeSeriesRotatedTicksOptions = {\n\ttitle: \"Line (time series) - Rotated ticks labels\",\n\taxes: {\n\t\tleft: { secondary: true },\n\t\tbottom: {\n\t\t\tscaleType: \"time\",\n\t\t\tprimary: true\n\t\t}\n\t}\n};\n"]}
+{"version":3,"file":"line.js","sourceRoot":"","sources":["line.ts"],"names":[],"mappings":"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,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE;IAC5D,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IACjE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IACjE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;IAC/D,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IACjE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IACjE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IACjE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE;CAChE,CAAC;AAEF,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACpC,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE;QACL,MAAM,EAAE;YACP,KAAK,EAAE,2BAA2B;YAClC,MAAM,EAAE,MAAM;YACd,SAAS,EAAE,MAAM;SACjB;QACD,IAAI,EAAE;YACL,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE,QAAQ;SACnB;KACD;IACD,KAAK,EAAE,gBAAgB;CACvB,CAAC;AAEF,MAAM,CAAC,IAAM,8BAA8B,GAAG;IAC7C,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAClE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAClE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;IAChE,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE;CAChE,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG;IAChD,KAAK,EAAE,2CAA2C;IAClD,KAAK,EAAE,OAAO;IACd,IAAI,EAAE;QACL,MAAM,EAAE;YACP,SAAS,EAAE,MAAM;YACjB,MAAM,EAAE,MAAM;SACd;QACD,IAAI,EAAE;YACL,MAAM,EAAE,OAAO;SACf;KACD;CACD,CAAC","sourcesContent":["export const lineData = [\n\t{ group: \"Dataset 1\", key: \"Qty\", value: 32100 },\n\t{ group: \"Dataset 1\", key: \"More\", value: 23500 },\n\t{ group: \"Dataset 1\", key: \"Sold\", value: 53100 },\n\t{ group: \"Dataset 1\", key: \"Restocking\", value: 42300 },\n\t{ group: \"Dataset 1\", key: \"Misc\", value: 12300 },\n\t{ group: \"Dataset 2\", key: \"Qty\", value: 34200 },\n\t{ group: \"Dataset 2\", key: \"More\", value: 53200 },\n\t{ group: \"Dataset 2\", key: \"Sold\", value: 42300 },\n\t{ group: \"Dataset 2\", key: \"Restocking\", value: 21400 },\n\t{ group: \"Dataset 2\", key: \"Misc\", value: 0 },\n\t{ group: \"Dataset 3\", key: \"Qty\", value: 41200 },\n\t{ group: \"Dataset 3\", key: \"More\", value: 18400 },\n\t{ group: \"Dataset 3\", key: \"Sold\", value: 34210 },\n\t{ group: \"Dataset 3\", key: \"Restocking\", value: 1400 },\n\t{ group: \"Dataset 3\", key: \"Misc\", value: 42100 },\n\t{ group: \"Dataset 4\", key: \"Qty\", value: 22000 },\n\t{ group: \"Dataset 4\", key: \"More\", value: 1200 },\n\t{ group: \"Dataset 4\", key: \"Sold\", value: 9000 },\n\t{ group: \"Dataset 4\", key: \"Restocking\", value: 24000, audienceSize: 10 },\n\t{ group: \"Dataset 4\", key: \"Misc\", value: 3000, audienceSize: 10 }\n];\n\nexport const lineOptions = {\n\ttitle: \"Line (discrete)\",\n\taxes: {\n\t\tbottom: {\n\t\t\ttitle: \"2019 Annual Sales Figures\",\n\t\t\tmapsTo: \"key\",\n\t\t\tscaleType: \"labels\"\n\t\t},\n\t\tleft: {\n\t\t\tmapsTo: \"value\",\n\t\t\ttitle: \"Conversion rate\",\n\t\t\tscaleType: \"linear\"\n\t\t}\n\t}\n};\n\nexport const lineTimeSeriesData = [\n\t{ group: \"Dataset 1\", date: new Date(2019, 0, 1), value: 10000 },\n\t{ group: \"Dataset 1\", date: new Date(2019, 0, 5), value: 65000 },\n\t{ group: \"Dataset 1\", date: new Date(2019, 0, 8), value: null },\n\t{ group: \"Dataset 1\", date: new Date(2019, 0, 13), value: 49213 },\n\t{ group: \"Dataset 1\", date: new Date(2019, 0, 17), value: 51213 },\n\t{ group: \"Dataset 2\", date: new Date(2019, 0, 2), value: 0 },\n\t{ group: \"Dataset 2\", date: new Date(2019, 0, 6), value: 57312 },\n\t{ group: \"Dataset 2\", date: new Date(2019, 0, 8), value: 27432 },\n\t{ group: \"Dataset 2\", date: new Date(2019, 0, 15), value: 70323 },\n\t{ group: \"Dataset 2\", date: new Date(2019, 0, 19), value: 21300 },\n\t{ group: \"Dataset 3\", date: new Date(2019, 0, 1), value: 50000 },\n\t{ group: \"Dataset 3\", date: new Date(2019, 0, 5), value: null },\n\t{ group: \"Dataset 3\", date: new Date(2019, 0, 8), value: 18000 },\n\t{ group: \"Dataset 3\", date: new Date(2019, 0, 13), value: 39213 },\n\t{ group: \"Dataset 3\", date: new Date(2019, 0, 17), value: 61213 },\n\t{ group: \"Dataset 4\", date: new Date(2019, 0, 2), value: 20000 },\n\t{ group: \"Dataset 4\", date: new Date(2019, 0, 6), value: 37312 },\n\t{ group: \"Dataset 4\", date: new Date(2019, 0, 8), value: 51432 },\n\t{ group: \"Dataset 4\", date: new Date(2019, 0, 15), value: 25332 },\n\t{ group: \"Dataset 4\", date: new Date(2019, 0, 19), value: null }\n];\n\nexport const lineTimeSeriesOptions = {\n\ttitle: \"Line (time series)\",\n\taxes: {\n\t\tbottom: {\n\t\t\ttitle: \"2019 Annual Sales Figures\",\n\t\t\tmapsTo: \"date\",\n\t\t\tscaleType: \"time\"\n\t\t},\n\t\tleft: {\n\t\t\tmapsTo: \"value\",\n\t\t\ttitle: \"Conversion rate\",\n\t\t\tscaleType: \"linear\"\n\t\t}\n\t},\n\tcurve: \"curveMonotoneX\"\n};\n\nexport const lineTimeSeriesDataRotatedTicks = [\n\t{ group: \"Dataset 1\", date: new Date(2019, 11, 30), value: 32100 },\n\t{ group: \"Dataset 1\", date: new Date(2019, 11, 31), value: 23500 },\n\t{ group: \"Dataset 1\", date: new Date(2020, 0, 1), value: 53100 },\n\t{ group: \"Dataset 1\", date: new Date(2020, 0, 2), value: 42300 },\n\t{ group: \"Dataset 1\", date: new Date(2020, 0, 3), value: 12300 }\n];\n\nexport const lineTimeSeriesRotatedTicksOptions = {\n\ttitle: \"Line (time series) - Rotated ticks labels\",\n\twidth: \"400px\",\n\taxes: {\n\t\tbottom: {\n\t\t\tscaleType: \"time\",\n\t\t\tmapsTo: \"date\"\n\t\t},\n\t\tleft: {\n\t\t\tmapsTo: \"value\"\n\t\t}\n\t}\n};\n"]}

package/demo/data/pie.d.ts

@@ -1,10 +1,7 @@
 export declare const pieData: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-    }[];
-};
+    group: string;
+    value: number;
+}[];
 export declare const pieOptions: {
     title: string;
     resizable: boolean;

package/demo/data/pie.js

@@ -1,13 +1,11 @@
-export var pieData = {
-    labels: ["2V2N 9KYPM version 1", "L22I P66EP L22I P66EP L22I P66EP", "JQAI 2M4L1", "J9DZ F37AP",
-        "YEL48 Q6XK YEL48", "P66EP L22I L22I"],
-    datasets: [
-        {
-            label: "Dataset 1",
-            data: [20000, 65000, 75000, 1200, 10000, 25000]
-        }
-    ]
-};
+export var pieData = [
+    { group: "2V2N 9KYPM version 1", value: 20000 },
+    { group: "L22I P66EP L22I P66EP L22I P66EP", value: 65000 },
+    { group: "JQAI 2M4L1", value: 75000 },
+    { group: "J9DZ F37AP", value: 1200 },
+    { group: "YEL48 Q6XK YEL48", value: 10000 },
+    { group: "Misc", value: 25000 }
+];
 export var pieOptions = {
     title: "Pie",
     resizable: true

package/demo/data/pie.js.map

@@ -1 +1 @@
-{"version":3,"file":"pie.js","sourceRoot":"","sources":["pie.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG;IACtB,MAAM,EAAE,CAAC,sBAAsB,EAAE,kCAAkC,EAAE,YAAY,EAAE,YAAY;QAC9F,kBAAkB,EAAE,iBAAiB,CAAC;IACvC,QAAQ,EAAE;QACT;YACC,KAAK,EAAE,WAAW;YAClB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC;SAC/C;KACD;CACD,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG;IACzB,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,IAAI;CACf,CAAC","sourcesContent":["export const pieData = {\n\tlabels: [\"2V2N 9KYPM version 1\", \"L22I P66EP L22I P66EP L22I P66EP\", \"JQAI 2M4L1\", \"J9DZ F37AP\",\n\t\t\"YEL48 Q6XK YEL48\", \"P66EP L22I L22I\"],\n\tdatasets: [\n\t\t{\n\t\t\tlabel: \"Dataset 1\",\n\t\t\tdata: [20000, 65000, 75000, 1200, 10000, 25000]\n\t\t}\n\t]\n};\n\nexport const pieOptions = {\n\ttitle: \"Pie\",\n\tresizable: true\n};\n"]}
+{"version":3,"file":"pie.js","sourceRoot":"","sources":["pie.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG;IACtB,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC/C,EAAE,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3D,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;IACrC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;IACpC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG;IACzB,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,IAAI;CACf,CAAC","sourcesContent":["export const pieData = [\n\t{ group: \"2V2N 9KYPM version 1\", value: 20000 },\n\t{ group: \"L22I P66EP L22I P66EP L22I P66EP\", value: 65000 },\n\t{ group: \"JQAI 2M4L1\", value: 75000 },\n\t{ group: \"J9DZ F37AP\", value: 1200 },\n\t{ group: \"YEL48 Q6XK YEL48\", value: 10000 },\n\t{ group: \"Misc\", value: 25000 }\n];\n\nexport const pieOptions = {\n\ttitle: \"Pie\",\n\tresizable: true\n};\n"]}