@carbon/charts
Version:
Carbon charting components
194 lines • 6.62 kB
JavaScript
import { lineTimeSeriesData } from './line';
export var doubleLinearScatterData = [
{ group: 'Dataset 1', employees: 5000, sales: 32100 },
{ group: 'Dataset 1', employees: 3000, sales: 25100 },
{ group: 'Dataset 1', employees: 8000, sales: 12100 },
{ group: 'Dataset 1', employees: 4000, sales: 53100 },
{ group: 'Dataset 2', employees: 5000, sales: 32100 },
{ group: 'Dataset 2', employees: 2000, sales: 34100 },
{ group: 'Dataset 2', employees: 4000, sales: 23100 },
{ group: 'Dataset 2', employees: 7000, sales: 14100 },
{ group: 'Dataset 2', employees: 6000, sales: 53100 },
];
export var doubleLinearScatterOptions = {
title: 'Scatter (linear x & y)',
axes: {
bottom: {
title: 'No. of employees',
mapsTo: 'employees',
scaleType: 'linear',
},
left: {
title: 'Annual sales',
mapsTo: 'sales',
scaleType: 'linear',
},
},
};
export var scatterDiscreteData = [
{ group: 'Dataset 1', key: 'Qty', value: 34200 },
{ 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 },
{ group: 'Dataset 4', key: 'Misc', value: 3000 },
];
export var scatterDiscreteOptions = {
title: 'Scatter (discrete)',
axes: {
bottom: {
title: '2019 Annual Sales Figures',
scaleType: 'labels',
mapsTo: 'key',
},
left: {
mapsTo: 'value',
},
},
};
export var scatterLongLabelDiscreteData = [
{ group: 'Dataset 1', key: 'Qty', value: 34200 },
{
group: 'Dataset 1',
key: '6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
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: '6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
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: '6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
value: 18400,
},
{ group: 'Dataset 3', key: 'Sold', value: 34210 },
{ group: 'Dataset 3', key: 'Restocking', value: 1400 },
{ group: 'Dataset 3', key: 'Misc', value: 42100 },
{ group: 'LongLabelShouldBeTruncated', key: 'Qty', value: 22000 },
{
group: 'LongLabelShouldBeTruncated',
key: '6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
value: 1200,
},
{ group: 'LongLabelShouldBeTruncated', key: 'Sold', value: 9000 },
{ group: 'LongLabelShouldBeTruncated', key: 'Restocking', value: 24000 },
{ group: 'LongLabelShouldBeTruncated', key: 'Misc', value: 3000 },
];
export var scatterLongLabelDiscreteOptions = {
title: 'Scatter (discrete with long label)',
axes: {
bottom: {
title: '2019 Annual Sales Figures',
scaleType: 'labels',
mapsTo: 'key',
},
left: {
mapsTo: 'value',
},
},
};
export var scatterTimeSeriesData = lineTimeSeriesData;
export var scatterTimeSeriesOptions = {
title: 'Scatter (time series)',
axes: {
bottom: {
title: '2019 Annual Sales Figures',
scaleType: 'time',
mapsTo: 'date',
},
left: {
mapsTo: 'value',
},
},
};
// scatter - empty state
export var scatterEmptyStateData = [];
export var scatterEmptyStateOptions = {
title: 'Scatter (empty state)',
axes: {
bottom: {
title: '2019 Annual Sales Figures',
scaleType: 'time',
mapsTo: 'date',
},
left: {
mapsTo: 'value',
},
},
};
// scatter - skeleton
export var scatterSkeletonData = [];
export var scatterSkeletonOptions = {
title: 'Scatter (skeleton)',
axes: {
bottom: {
title: '2019 Annual Sales Figures',
scaleType: 'time',
mapsTo: 'date',
},
left: {
mapsTo: 'value',
},
},
data: {
loading: true,
},
};
// scatter - dual axes
export var scatterDualAxesData = [
{ group: 'Orders', date: 'January', orderCount: 121 },
{ group: 'Orders', date: 'February', orderCount: 321 },
{ group: 'Orders', date: 'March', orderCount: 370 },
{ group: 'Orders', date: 'April', orderCount: 329 },
{ group: 'Orders', date: 'May', orderCount: 121 },
{ group: 'Products', date: 'January', productCount: 26100 },
{ group: 'Products', date: 'February', productCount: 25100 },
{ group: 'Products', date: 'March', productCount: 28100 },
{ group: 'Products', date: 'April', productCount: 15900 },
{ group: 'Products', date: 'May', productCount: 34100 },
];
export var scatterDualAxesOptions = {
title: 'Scatter (dual axes)',
axes: {
bottom: {
mapsTo: 'date',
scaleType: 'labels',
},
left: {
title: 'order count',
mapsTo: 'orderCount',
scaleType: 'linear',
},
right: {
title: 'product count',
mapsTo: 'productCount',
scaleType: 'linear',
correspondingDatasets: ['Products'],
},
},
};
//# sourceMappingURL=../../../demo/data/scatter.js.map