@carbon/charts/demo/data/bar.js

Carbon charting components

import trLocaleObject from 'date-fns/locale/tr/index';
export var 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 var groupedBarOptions = {
    title: 'Grouped bar (discrete)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            scaleType: 'labels',
            mapsTo: 'key',
        },
    },
};
export var groupedBarSelectedGroupsData = groupedBarData;
// Grouped bar with selected groups option
export var groupedBarSelectedGroupsOptions = {
    title: 'Grouped bar (selected groups)',
    data: {
        selectedGroups: ['Dataset 1', 'Dataset 3'],
    },
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            scaleType: 'labels',
            mapsTo: 'key',
        },
    },
};
// Horizontal Grouped
export var groupedHorizontalBarData = groupedBarData;
export var groupedHorizontalBarOptions = {
    title: 'Grouped horizontal bar (discrete)',
    axes: {
        left: {
            scaleType: 'labels',
            mapsTo: 'key',
        },
        bottom: {
            mapsTo: 'value',
        },
    },
};
// Simple bar
export var simpleBarData = [
    { group: 'Qty', value: 65000 },
    { group: 'More', value: 29123 },
    { group: 'Sold', value: 35213 },
    { group: 'Restocking', value: 51213 },
    { group: 'Misc', value: 16932 },
];
export var simpleBarOptions = {
    title: 'Simple bar (discrete)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
    },
};
export var simpleBarColorOverrideOptions = {
    title: 'Simple bar (color override)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            scaleType: 'labels',
            mapsTo: 'group',
        },
    },
    color: {
        pairing: {
            option: 2,
        },
        scale: {
            Qty: '#925699',
            Misc: '#525669',
        },
    },
};
export var simpleBarCustomLegendOrderOptions = {
    title: 'Simple bar (custom legend order)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
    },
    legend: {
        order: ['Restocking', 'Misc', 'Sold', 'Qty', 'More'],
    },
};
// Simple bar with custom tick values
export var simpleBarDataCustomTicks = [
    { group: 'Group 1', value: 0.5 },
    { group: 'Group 2', value: 2 },
];
export var simpleBarOptionsCustomTicks = {
    title: 'Simple bar (custom ticks)',
    axes: {
        left: {
            mapsTo: 'value',
            ticks: {
                values: [0, 1.2, 1.3, 2],
            },
        },
        bottom: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
    },
};
export var simpleBarCenteredLegendData = simpleBarData;
export var simpleBarCenteredLegendOptions = {
    title: 'Simple bar (centered legend)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
    },
    legend: {
        alignment: 'center',
    },
};
// Simple bar with long labels
export var simpleBarLongLabelData = [
    {
        group: '6591DA8668C339B1B39297C61091E320C35391AB7AFC15B469F96B8A2DD0C231',
        value: 65000,
    },
    {
        group: '347FEDE2F7403759069E5F84B65B49D2467D8914B5184738699259AA310EB0F9',
        value: 29123,
    },
    {
        group: '232D788298773BB389DBB8FCE44D3FB4E878879BE7AFB0B303BCE0D56EBB92E2',
        value: 35213,
    },
    {
        group: '58B01AADFA87E5547A218B3C6CE3AF07B8DF7BAB9E12BF60FD2BBB739C46B86E',
        value: 51213,
    },
    { group: 'Qty', value: 16932 },
];
export var simpleBarLongLabelOptions = {
    title: 'Simple bar (truncated labels)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
    },
    legend: {
        truncation: {
            type: 'end_line',
            threshold: 10,
            numCharacter: 12,
        },
    },
};
export var simpleBarFixedDomainOptions = {
    title: 'Simple bar (customized domain)',
    axes: {
        left: {
            mapsTo: 'value',
            domain: [-100000, 100000],
        },
        bottom: {
            scaleType: 'labels',
            mapsTo: 'group',
        },
    },
};
// Horizontal Simple
export var simpleHorizontalBarData = simpleBarData;
export var simpleHorizontalBarLongLabelData = simpleBarLongLabelData;
export var simpleHorizontalBarOptions = {
    title: 'Simple horizontal bar (discrete)',
    axes: {
        left: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
        bottom: {
            mapsTo: 'value',
        },
    },
};
export var simpleHorizontalBarCenteredLegendData = simpleBarData;
export var simpleHorizontalBarCenteredLegendOptions = {
    title: 'Simple horizontal bar (centered legend)',
    axes: {
        left: {
            mapsTo: 'group',
            scaleType: 'labels',
        },
        bottom: {
            mapsTo: 'value',
        },
    },
    legend: {
        alignment: 'center',
    },
};
export var simpleHorizontalBarLongLabelOptions = {
    title: 'Simple horizontal bar (truncated labels)',
    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 var 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 var 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 var simpleBarTimeSeriesOptions = {
    title: 'Simple bar (time series - Turkish)',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            mapsTo: 'date',
            scaleType: 'time',
        },
    },
    timeScale: { localeObject: trLocaleObject },
};
// Horizontal simple time series
export var simpleHorizontalBarTimeSeriesOptions = {
    title: 'Simple horizontal bar (time series)',
    axes: {
        left: {
            mapsTo: 'date',
            scaleType: 'time',
        },
        bottom: {
            mapsTo: 'value',
        },
    },
};
// Vertical simple time series with dense data
export var simpleBarTimeSeriesDenseOptions = {
    title: 'Simple bar (time series) with dense data',
    axes: {
        left: {
            mapsTo: 'value',
        },
        bottom: {
            mapsTo: 'date',
            scaleType: 'time',
        },
    },
    timeScale: { localeObject: trLocaleObject },
    bars: { maxWidth: 200 },
};
export var simpleHorizontalBarTimeSeriesData = simpleBarTimeSeriesData;
// Stacked bar
export var 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 var stackedBarOptions = {
    title: 'Stacked bar (discrete)',
    axes: {
        left: {
            mapsTo: 'value',
            stacked: true,
        },
        bottom: {
            mapsTo: 'key',
            scaleType: 'labels',
        },
    },
};
// horizontal stacked bar
export var stackedHorizontalBarData = stackedBarData;
export var stackedHorizontalBarOptions = {
    title: 'Stacked horizontal bar (discrete)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {
            stacked: true,
        },
    },
};
export var 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 var stackedBarTimeSeriesOptions = {
    title: 'Stacked bar (time series)',
    axes: {
        left: {
            mapsTo: 'value',
            stacked: true,
        },
        bottom: {
            mapsTo: 'date',
            scaleType: 'time',
        },
    },
};
// demo with custom ticks
export var stackedBarTimeSeriesDataCustomTicks = stackedBarTimeSeriesData;
export var stackedBarTimeSeriesOptionsCustomTicks = {
    title: 'Stacked bar (time series - custom ticks)',
    axes: {
        left: {
            mapsTo: 'value',
            stacked: true,
        },
        bottom: {
            mapsTo: 'date',
            scaleType: 'time',
            ticks: {
                values: [new Date(2019, 0, 17)],
            },
        },
    },
};
// Stacked horizontal bar (time series)
export var stackedHorizontalBarTimeSeriesOptions = {
    title: 'Stacked horizontal bar (time series)',
    axes: {
        left: {
            scaleType: 'time',
        },
        bottom: {
            stacked: true,
        },
    },
};
export var stackedHorizontalBarTimeSeriesData = stackedBarTimeSeriesData;
// simple bar - empty state
export var simpleBarEmptyStateData = [];
export var simpleBarEmptyStateOptions = {
    title: 'Simple bar (empty state)',
    axes: {
        left: {},
        bottom: {
            scaleType: 'labels',
        },
    },
};
// simple bar - skeleton
export var simpleBarSkeletonData = [];
export var simpleBarSkeletonOptions = {
    title: 'Simple bar (skeleton)',
    axes: {
        left: {},
        bottom: {
            scaleType: 'labels',
        },
    },
    data: {
        loading: true,
    },
};
// grouped bar - empty state
export var groupedBarEmptyStateData = [];
export var groupedBarEmptyStateOptions = {
    title: 'Grouped bar (empty state)',
    axes: {
        left: {},
        bottom: {
            scaleType: 'labels',
        },
    },
};
// grouped bar - skeleton
export var groupedBarSkeletonData = [];
export var groupedBarSkeletonOptions = {
    title: 'Grouped bar (skeleton)',
    axes: {
        left: {},
        bottom: {
            scaleType: 'labels',
        },
    },
    data: {
        loading: true,
    },
};
// stacked bar - empty state
export var stackedBarEmptyStateData = [];
export var stackedBarEmptyStateOptions = {
    title: 'Stacked bar (empty state)',
    axes: {
        left: {},
        bottom: {
            scaleType: 'labels',
        },
    },
};
// stacked bar - skeleton
export var stackedBarSkeletonData = [];
export var stackedBarSkeletonOptions = {
    title: 'Stacked bar (skeleton)',
    axes: {
        left: {},
        bottom: {
            scaleType: 'labels',
        },
    },
    data: {
        loading: true,
    },
};
// simple horizontal bar - empty state
export var simpleHorizontalBarEmptyStateData = [];
export var simpleHorizontalBarEmptyStateOptions = {
    title: 'Simple horizontal bar (empty state)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {},
    },
};
// simple horizontal bar - skeleton
export var simpleHorizontalBarSkeletonData = [];
export var simpleHorizontalBarSkeletonOptions = {
    title: 'Simple horizontal bar (skeleton)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {},
    },
    data: {
        loading: true,
    },
};
// grouped horizontal bar - empty state
export var groupedHorizontalBarEmptyStateData = [];
export var groupedHorizontalBarEmptyStateOptions = {
    title: 'Grouped horizontal bar (empty state)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {},
    },
};
// grouped horizontal bar - skeleton
export var groupedHorizontalBarSkeletonData = [];
export var groupedHorizontalBarSkeletonOptions = {
    title: 'Grouped horizontal bar (skeleton)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {},
    },
    data: {
        loading: true,
    },
};
// stacked horizontal bar - empty state
export var stackedHorizontalBarEmptyStateData = [];
export var stackedHorizontalBarEmptyStateOptions = {
    title: 'Stacked horizontal bar (empty state)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {},
    },
};
// stacked horizontal bar - skeleton
export var stackedHorizontalBarSkeletonData = [];
export var stackedHorizontalBarSkeletonOptions = {
    title: 'Stacked horizontal bar (skeleton)',
    axes: {
        left: {
            scaleType: 'labels',
        },
        bottom: {},
    },
    data: {
        loading: true,
    },
};
//# sourceMappingURL=../../../demo/data/bar.js.map