@carbon/charts 0.59.0-beta.0 → 1.0.3

package/demo/data/bar.ts

@@ -1,783 +0,0 @@
-import trLocaleObject from 'date-fns/locale/tr/index';
-
-export const groupedBarData = [
-	{ group: 'Dataset 1', key: 'Qty', value: 65000 },
-	{ group: 'Dataset 1', key: 'More', value: -29123 },
-	{ group: 'Dataset 1', key: 'Sold', value: -35213 },
-	{ group: 'Dataset 1', key: 'Restocking', value: 51213 },
-	{ group: 'Dataset 1', key: 'Misc', value: 16932 },
-	{ group: 'Dataset 2', key: 'Qty', value: 32432 },
-	{ group: 'Dataset 2', key: 'More', value: -21312 },
-	{ group: 'Dataset 2', key: 'Sold', value: -56456 },
-	{ group: 'Dataset 2', key: 'Restocking', value: -21312 },
-	{ group: 'Dataset 2', key: 'Misc', value: 34234 },
-	{ group: 'Dataset 3', key: 'Qty', value: -12312 },
-	{ group: 'Dataset 3', key: 'More', value: 23232 },
-	{ group: 'Dataset 3', key: 'Sold', value: 34232 },
-	{ group: 'Dataset 3', key: 'Restocking', value: -12312 },
-	{ group: 'Dataset 3', key: 'Misc', value: -34234 },
-	{ group: 'Dataset 4', key: 'Qty', value: -32423 },
-	{ group: 'Dataset 4', key: 'More', value: 21313 },
-	{ group: 'Dataset 4', key: 'Sold', value: 64353 },
-	{ group: 'Dataset 4', key: 'Restocking', value: 24134 },
-	{ group: 'Dataset 4', key: 'Misc', value: 24134 },
-];
-
-export const groupedBarOptions = {
-	title: 'Vertical grouped bar (discrete)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			scaleType: 'labels',
-			mapsTo: 'key',
-		},
-	},
-};
-
-export const groupedBarSelectedGroupsData = groupedBarData;
-
-// Grouped bar with selected groups option
-export const groupedBarSelectedGroupsOptions = {
-	title: 'Pre-selected groups (grouped bar)',
-	data: {
-		selectedGroups: ['Dataset 1', 'Dataset 3'],
-	},
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			scaleType: 'labels',
-			mapsTo: 'key',
-		},
-	},
-};
-
-// Horizontal Grouped
-export const groupedHorizontalBarData = groupedBarData;
-
-export const groupedHorizontalBarOptions = {
-	title: 'Horizontal grouped bar (discrete)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-			mapsTo: 'key',
-		},
-		bottom: {
-			mapsTo: 'value',
-		},
-	},
-};
-
-// Simple bar
-export const simpleBarData = [
-	{ group: 'Qty', value: 65000 },
-	{ group: 'More', value: 29123 },
-	{ group: 'Sold', value: 35213 },
-	{ group: 'Restocking', value: 51213 },
-	{ group: 'Misc', value: 16932 },
-];
-
-export const simpleBarOptions = {
-	title: 'Vertical simple bar (discrete)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-	},
-};
-
-export const simpleBarColorOverrideOptions = {
-	title: 'Custom colors (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			scaleType: 'labels',
-			mapsTo: 'group',
-		},
-	},
-	color: {
-		pairing: {
-			option: 2,
-		},
-		scale: {
-			Qty: '#925699',
-			Misc: '#525669',
-		},
-	},
-};
-
-export const simpleBarCustomLegendOrderOptions = {
-	title: 'Custom legend order (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-	},
-	legend: {
-		order: ['Restocking', 'Misc', 'Sold', 'Qty', 'More'],
-	},
-};
-
-export const simpleBarAdditionalLegendItemsOptions = {
-	title: 'Additional legend items (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-	},
-	legend: {
-		additionalItems: [
-			{
-				type: 'line',
-				name: 'Line',
-			},
-			{
-				type: 'area',
-				name: 'Poor area',
-			},
-			{
-				type: 'area',
-				name: 'Satisfactory area',
-			},
-			{
-				type: 'area',
-				name: 'Great area',
-			},
-			{
-				type: 'quartile',
-				name: 'Quartiles',
-			},
-			{
-				type: 'size',
-				name: 'Size',
-			},
-			{
-				type: 'radius',
-				name: 'Radius',
-			},
-		],
-	},
-};
-
-// Simple bar with custom tick values
-export const simpleBarDataCustomTicks = [
-	{ group: 'Group 1', value: 0.5 },
-	{ group: 'Group 2', value: 2 },
-];
-
-export const simpleBarOptionsCustomTicks = {
-	title: 'Custom ticks (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-			ticks: {
-				values: [0, 1.2, 1.3, 2],
-			},
-		},
-		bottom: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-	},
-};
-
-export const simpleBarCenteredLegendData = simpleBarData;
-
-export const simpleBarCenteredLegendOptions = {
-	title: 'Centered legend (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-	},
-	legend: {
-		alignment: 'center',
-	},
-};
-
-export const simpleBarFixedDomainOptions = {
-	title: 'Custom domain (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-			domain: [-100000, 100000],
-		},
-		bottom: {
-			scaleType: 'labels',
-			mapsTo: 'group',
-		},
-	},
-};
-
-// Horizontal Simple
-export const simpleHorizontalBarData = simpleBarData;
-export const simpleHorizontalBarLongLabelData = [
-	{
-		group:
-			'6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
-		value: 65000,
-	},
-	{
-		group:
-			'347FEDE2F7403759069E5F84B65B49D2467D8914B5184738699259AA310EB0F9',
-		value: 29123,
-	},
-	{
-		group:
-			'232D788298773BB389DBB8FCE44D3FB4E878879BE7AFB0B303BCE0D56EBB92E2',
-		value: 35213,
-	},
-	{
-		group:
-			'58B01AADFA87E5547A218B3C6CE3AF07B8DF7BAB9E12BF60FD2BBB739C46B86E',
-		value: 51213,
-	},
-	{ group: 'Qty', value: 16932 },
-];
-
-export const simpleHorizontalBarOptions = {
-	title: 'Horizontal simple bar (discrete)',
-	axes: {
-		left: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-		bottom: {
-			mapsTo: 'value',
-		},
-	},
-};
-
-export const simpleHorizontalBarCenteredLegendData = simpleBarData;
-
-export const simpleHorizontalBarCenteredLegendOptions = {
-	title: 'Horizontal simple bar (centered legend)',
-	axes: {
-		left: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-		bottom: {
-			mapsTo: 'value',
-		},
-	},
-	legend: {
-		alignment: 'center',
-	},
-};
-
-export const simpleHorizontalBarLongLabelOptions = {
-	title: 'Truncated labels (simple bar)',
-	axes: {
-		left: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-			truncation: {
-				type: 'mid_line',
-				threshold: 10,
-				numCharacter: 14,
-			},
-		},
-		bottom: {
-			mapsTo: 'value',
-		},
-	},
-	legend: {
-		truncation: {
-			type: 'mid_line',
-			threshold: 15,
-			numCharacter: 12,
-		},
-	},
-};
-
-export const simpleBarTimeSeriesData = [
-	{ group: 'Qty', date: new Date(2019, 0, 1), value: 10000 },
-	{ group: 'More', date: new Date(2019, 0, 2), value: 65000 },
-	{ group: 'Sold', date: new Date(2019, 0, 3), value: 30000 },
-	{ group: 'Restocking', date: new Date(2019, 0, 6), value: 49213 },
-	{ group: 'Misc', date: new Date(2019, 0, 7), value: 51213 },
-];
-
-export const simpleBarTimeSeriesDenseData = [
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 10, 0), value: 10000 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 12, 4), value: 20001 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 14, 8), value: 10002 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 15, 8), value: 10062 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 17, 12), value: 30003 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 18, 16), value: 20004 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 19, 20), value: 10005 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 22, 24), value: 50006 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 24, 24), value: 20006 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 26, 28), value: 40007 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 27, 32), value: 30008 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 30, 36), value: 10000 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 32, 36), value: 10000 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 35, 40), value: 20000 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 36, 44), value: 10000 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 37, 48), value: 30000 },
-	{ group: 'data', date: new Date(2019, 1, 1, 10, 40, 52), value: 10000 },
-];
-
-export const simpleBarTimeSeriesOptions = {
-	title: 'Vertical simple bar (time series)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'date',
-			scaleType: 'time',
-		},
-	},
-};
-
-export const simpleBarTurkishLocaleData = simpleBarTimeSeriesData;
-
-export const simpleBarTurkishLocaleOptions = {
-	title: 'Turkish locale (date-fns locales)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'date',
-			scaleType: 'time',
-		},
-	},
-	timeScale: { localeObject: trLocaleObject },
-};
-
-// Horizontal simple time series
-export const simpleHorizontalBarTimeSeriesOptions = {
-	title: 'Horizontal simple bar (time series)',
-	axes: {
-		left: {
-			mapsTo: 'date',
-			scaleType: 'time',
-		},
-		bottom: {
-			mapsTo: 'value',
-		},
-	},
-};
-
-// Vertical simple time series with dense data
-export const simpleBarTimeSeriesDenseOptions = {
-	title: 'Vertical simple bar (time series - dense data)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-		},
-		bottom: {
-			mapsTo: 'date',
-			scaleType: 'time',
-		},
-	},
-	timeScale: { localeObject: trLocaleObject },
-	bars: { maxWidth: 200 },
-};
-
-export const simpleHorizontalBarTimeSeriesData = simpleBarTimeSeriesData;
-
-// Horizontal floating time series
-export const floatingHorizontalBarTimeSeriesData = [
-	{ group: 'Qty', date: new Date(2019, 0, 1), value: [10000, 41000] },
-	{ group: 'More', date: new Date(2019, 0, 2), value: 65000 },
-	{ group: 'Sold', date: new Date(2019, 0, 3), value: 30000 },
-	{ group: 'Restocking', date: new Date(2019, 0, 6), value: [22000, 69213] },
-	{ group: 'Misc', date: new Date(2019, 0, 7), value: [3500, 71213] },
-];
-
-export const floatingHorizontalBarTimeSeriesOptions = {
-	title: 'Horizontal floating bar (time series)',
-	axes: {
-		left: {
-			mapsTo: 'date',
-			scaleType: 'time',
-		},
-		bottom: {
-			mapsTo: 'value',
-		},
-	},
-};
-
-// Stacked bar
-export const stackedBarData = [
-	{ group: 'Dataset 1', key: 'Qty', value: 65000 },
-	{ group: 'Dataset 1', key: 'More', value: 29123 },
-	{ group: 'Dataset 1', key: 'Sold', value: 35213 },
-	{ group: 'Dataset 1', key: 'Restocking', value: 51213 },
-	{ group: 'Dataset 1', key: 'Misc', value: 16932 },
-	{ group: 'Dataset 2', key: 'Qty', value: 32432 },
-	{ group: 'Dataset 2', key: 'More', value: 21312 },
-	{ group: 'Dataset 2', key: 'Sold', value: 56456 },
-	{ group: 'Dataset 2', key: 'Restocking', value: 21312 },
-	{ group: 'Dataset 2', key: 'Misc', value: 34234 },
-	{ group: 'Dataset 3', key: 'Qty', value: 12312 },
-	{ group: 'Dataset 3', key: 'More', value: 23232 },
-	{ group: 'Dataset 3', key: 'Sold', value: 34232 },
-	{ group: 'Dataset 3', key: 'Restocking', value: 12312 },
-	{ group: 'Dataset 3', key: 'Misc', value: 34234 },
-	{ group: 'Dataset 4', key: 'Qty', value: 32423 },
-	{ group: 'Dataset 4', key: 'More', value: 21313 },
-	{ group: 'Dataset 4', key: 'Sold', value: 64353 },
-	{ group: 'Dataset 4', key: 'Restocking', value: 24134 },
-	{ group: 'Dataset 4', key: 'Misc', value: 32423 },
-];
-
-export const stackedBarOptions = {
-	title: 'Vertical stacked bar (discrete)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-			stacked: true,
-		},
-		bottom: {
-			mapsTo: 'key',
-			scaleType: 'labels',
-		},
-	},
-};
-
-export const stackedBarNegativeData = [
-	{ group: 'Dataset 1', key: 'Qty', value: 65000 },
-	{ group: 'Dataset 1', key: 'More', value: 29123 },
-	{ group: 'Dataset 1', key: 'Sold', value: 35213 },
-	{ group: 'Dataset 1', key: 'Restocking', value: 51213 },
-	{ group: 'Dataset 1', key: 'Misc', value: 16932 },
-	{ group: 'Dataset 2', key: 'Qty', value: 32432 },
-	{ group: 'Dataset 2', key: 'More', value: 21312 },
-	{ group: 'Dataset 2', key: 'Sold', value: 56456 },
-	{ group: 'Dataset 2', key: 'Restocking', value: 21312 },
-	{ group: 'Dataset 2', key: 'Misc', value: 34234 },
-	{ group: 'Dataset 3', key: 'Qty', value: 12312 },
-	{ group: 'Dataset 3', key: 'More', value: 23232 },
-	{ group: 'Dataset 3', key: 'Sold', value: 34232 },
-	{ group: 'Dataset 3', key: 'Restocking', value: 12312 },
-	{ group: 'Dataset 3', key: 'Misc', value: 34234 },
-	{ group: 'Dataset 4', key: 'Qty', value: -32423 },
-	{ group: 'Dataset 4', key: 'More', value: -21313 },
-	{ group: 'Dataset 4', key: 'Sold', value: -64353 },
-	{ group: 'Dataset 4', key: 'Restocking', value: -24134 },
-	{ group: 'Dataset 4', key: 'Misc', value: -32423 },
-];
-
-export const stackedBarNegativeOptions = Object.assign({}, stackedBarOptions, {
-	title: 'Vertical stacked bar (divergent)',
-});
-
-// horizontal stacked bar
-export const stackedHorizontalBarData = stackedBarData;
-
-export const stackedHorizontalBarOptions = {
-	title: 'Horizontal stacked bar (discrete)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {
-			stacked: true,
-		},
-	},
-};
-
-export const stackedBarTimeSeriesData = [
-	{ 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: 10000 },
-	{ 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, 3), value: 75000 },
-	{ group: 'Dataset 2', date: new Date(2019, 0, 6), value: 57312 },
-	{ group: 'Dataset 2', date: new Date(2019, 0, 8), value: 21432 },
-	{ 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: 15000 },
-	{ group: 'Dataset 3', date: new Date(2019, 0, 8), value: 20000 },
-	{ 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: 10 },
-	{ 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: 40323 },
-	{ group: 'Dataset 4', date: new Date(2019, 0, 19), value: 31300 },
-];
-
-export const stackedBarTimeSeriesOptions = {
-	title: 'Vertical stacked bar (time series)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-			stacked: true,
-		},
-		bottom: {
-			mapsTo: 'date',
-			scaleType: 'time',
-		},
-	},
-};
-
-// demo with custom ticks
-export const stackedBarTimeSeriesDataCustomTicks = stackedBarTimeSeriesData;
-
-export const stackedBarTimeSeriesOptionsCustomTicks = {
-	title: 'Custom ticks (stacked bar)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-			stacked: true,
-		},
-		bottom: {
-			mapsTo: 'date',
-			scaleType: 'time',
-			ticks: {
-				values: [new Date(2019, 0, 17)],
-			},
-		},
-	},
-};
-
-// Stacked horizontal bar (time series)
-export const stackedHorizontalBarTimeSeriesOptions = {
-	title: 'Horizontal stacked bar (time series)',
-	axes: {
-		left: {
-			scaleType: 'time',
-		},
-		bottom: {
-			stacked: true,
-		},
-	},
-};
-
-export const stackedHorizontalBarTimeSeriesData = stackedBarTimeSeriesData;
-
-// simple bar - empty state
-export const simpleBarEmptyStateData = [];
-export const simpleBarEmptyStateOptions = {
-	title: 'Vertical simple bar (empty state)',
-	axes: {
-		left: {},
-		bottom: {
-			scaleType: 'labels',
-		},
-	},
-};
-
-// simple bar - skeleton
-export const simpleBarSkeletonData = [];
-export const simpleBarSkeletonOptions = {
-	title: 'Vertical simple bar (skeleton)',
-	axes: {
-		left: {},
-		bottom: {
-			scaleType: 'labels',
-		},
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// grouped bar - empty state
-export const groupedBarEmptyStateData = [];
-export const groupedBarEmptyStateOptions = {
-	title: 'Vertical grouped bar (empty state)',
-	axes: {
-		left: {},
-		bottom: {
-			scaleType: 'labels',
-		},
-	},
-};
-
-// grouped bar - skeleton
-export const groupedBarSkeletonData = [];
-export const groupedBarSkeletonOptions = {
-	title: 'Vertical grouped bar (skeleton)',
-	axes: {
-		left: {},
-		bottom: {
-			scaleType: 'labels',
-		},
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// stacked bar - empty state
-export const stackedBarEmptyStateData = [];
-export const stackedBarEmptyStateOptions = {
-	title: 'Vertical stacked bar (empty state)',
-	axes: {
-		left: {},
-		bottom: {
-			scaleType: 'labels',
-		},
-	},
-};
-
-// stacked bar - skeleton
-export const stackedBarSkeletonData = [];
-export const stackedBarSkeletonOptions = {
-	title: 'Vertical stacked bar (skeleton)',
-	axes: {
-		left: {},
-		bottom: {
-			scaleType: 'labels',
-		},
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// simple horizontal bar - empty state
-export const simpleHorizontalBarEmptyStateData = [];
-export const simpleHorizontalBarEmptyStateOptions = {
-	title: 'Horizontal simple bar (empty state)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {},
-	},
-};
-
-// simple horizontal bar - skeleton
-export const simpleHorizontalBarSkeletonData = [];
-export const simpleHorizontalBarSkeletonOptions = {
-	title: 'Horizontal simple bar (skeleton)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {},
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// grouped horizontal bar - empty state
-export const groupedHorizontalBarEmptyStateData = [];
-export const groupedHorizontalBarEmptyStateOptions = {
-	title: 'Horizontal grouped bar (empty state)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {},
-	},
-};
-
-// grouped horizontal bar - skeleton
-export const groupedHorizontalBarSkeletonData = [];
-export const groupedHorizontalBarSkeletonOptions = {
-	title: 'Horizontal grouped bar (skeleton)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {},
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// stacked horizontal bar - empty state
-export const stackedHorizontalBarEmptyStateData = [];
-export const stackedHorizontalBarEmptyStateOptions = {
-	title: 'Horizontal stacked bar (empty state)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {},
-	},
-};
-
-// stacked horizontal bar - skeleton
-export const stackedHorizontalBarSkeletonData = [];
-export const stackedHorizontalBarSkeletonOptions = {
-	title: 'Horizontal stacked bar (skeleton)',
-	axes: {
-		left: {
-			scaleType: 'labels',
-		},
-		bottom: {},
-	},
-	data: {
-		loading: true,
-	},
-};
-
-// floating bars
-export const floatingBarData = [
-	{ group: 'Qty', value: [30000, 65000] },
-	{ group: 'More', value: [15000, 29123] },
-	{ group: 'Sold', value: [22000, 35213] },
-	{ group: 'Restocking', value: [28000, 51213] },
-	{ group: 'Misc', value: [3000, 16932] },
-];
-
-export const floatingBarOptions = {
-	title: 'Floating vertical bar (discrete)',
-	axes: {
-		left: {
-			mapsTo: 'value',
-			includeZero: false,
-		},
-		bottom: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-	},
-};
-
-export const floatingHorizontalBarData = [
-	{ group: 'Qty', value: [30000, 65000] },
-	{ group: 'More', value: [15000, 29123] },
-	{ group: 'Sold', value: [22000, 35213] },
-	{ group: 'Restocking', value: [28000, 51213] },
-	{ group: 'Misc', value: [3000, 36932] },
-];
-
-export const floatingHorizontalBarOptions = {
-	title: 'Floating horizontal bar (discrete)',
-	axes: {
-		left: {
-			mapsTo: 'group',
-			scaleType: 'labels',
-		},
-		bottom: {
-			mapsTo: 'value',
-			includeZero: false,
-		},
-	},
-};