@carbon/charts
Version:
Carbon charting components
436 lines • 12.2 kB
JavaScript
import frLocaleObject from 'date-fns/locale/fr/index';
// 15seconds
export var lineTimeSeriesData15seconds = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2020, 11, 10, 23, 59, 15), value: 10 },
{ date: new Date(2020, 11, 10, 23, 59, 30), value: 15 },
{ date: new Date(2020, 11, 10, 23, 59, 45), value: 7 },
{ date: new Date(2020, 11, 11, 0, 0, 0), value: 2 },
{ date: new Date(2020, 11, 11, 0, 0, 15), value: 9 },
{ date: new Date(2020, 11, 11, 0, 0, 30), value: 13 },
{ date: new Date(2020, 11, 11, 0, 0, 45), value: 8 },
],
},
],
};
export var lineTimeSeries15secondsOptions = {
title: 'Line (time series) - Time interval 15seconds',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// minute
export var lineTimeSeriesDataMinute = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2020, 4, 21, 23, 40), value: 10 },
{ date: new Date(2020, 4, 21, 23, 50), value: 10 },
{ date: new Date(2020, 4, 21, 23, 55), value: 10 },
{ date: new Date(2020, 4, 22, 0, 0), value: 10 },
{ date: new Date(2020, 4, 22, 0, 5), value: 10 },
{ date: new Date(2020, 4, 22, 0, 7), value: 10 },
{ date: new Date(2020, 4, 22, 0, 10), value: 10 },
],
},
],
};
export var lineTimeSeriesMinuteOptions = {
title: 'Line (time series) - Time interval minute',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// 30minutes
export var lineTimeSeriesData30minutes = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2020, 11, 10, 23, 0), value: 10 },
{ date: new Date(2020, 11, 10, 23, 30), value: 10 },
{ date: new Date(2020, 11, 11, 0, 0), value: 10 },
{ date: new Date(2020, 11, 11, 0, 30), value: 10 },
{ date: new Date(2020, 11, 11, 1, 0), value: 10 },
{ date: new Date(2020, 11, 11, 1, 30), value: 10 },
],
},
],
};
export var lineTimeSeries30minutesOptions = {
title: 'Line (time series) - Time interval 30minutes',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// hourly with default ticks formats
export var lineTimeSeriesDataHourlyDefaultTicksFormats = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2020, 11, 10, 22, 0), value: 10 },
{ date: new Date(2020, 11, 10, 23, 0), value: 10 },
{ date: new Date(2020, 11, 11, 0, 0), value: 10 },
{ date: new Date(2020, 11, 11, 1, 0), value: 10 },
{ date: new Date(2020, 11, 11, 2, 0), value: 10 },
{ date: new Date(2020, 11, 11, 3, 0), value: 10 },
{ date: new Date(2020, 11, 11, 4, 0), value: 10 },
],
},
],
};
export var lineTimeSeriesHourlyDefaultLocaleOptions = {
title: "Line (time series) - Time interval hourly with default ticks formats ('MMM d, hh a' and 'hh a')",
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// hourly with custom ticks formats
export var lineTimeSeriesDataHourlyCustomTicksFormats = lineTimeSeriesDataHourlyDefaultTicksFormats;
export var lineTimeSeriesHourlyCustomTicksFormatsOptions = {
title: "Line (time series) - Time interval hourly with custom ticks formats ('MMM d, HH:mm' and 'HH:mm')",
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
timeIntervalFormats: {
hourly: { primary: 'MMM d, HH:mm', secondary: 'HH:mm' },
},
},
legend: {
clickable: false,
},
};
// daily
export var lineTimeSeriesDataDaily = {
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 },
{ date: new Date(2020, 0, 4), value: 10 },
{ date: new Date(2020, 0, 5), value: 10 },
],
},
],
};
export var lineTimeSeriesDailyOptions = {
title: 'Line (time series) - Time interval daily',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// weekly
export var lineTimeSeriesDataWeekly = {
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 },
{ date: new Date(2020, 0, 4), value: 10 },
{ date: new Date(2020, 0, 5), value: 10 },
],
},
],
};
export var lineTimeSeriesWeeklyOptions = {
title: 'Line (time series) - Time interval weekly',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
showDayName: true,
},
legend: {
clickable: false,
},
};
// monthly with default locale
export var lineTimeSeriesDataMonthlyDefaultLocale = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2019, 9), value: 10 },
{ date: new Date(2019, 10), value: 10 },
{ date: new Date(2019, 11), value: 10 },
{ date: new Date(2019, 0), value: 10 },
{ date: new Date(2019, 1), value: 10 },
{ date: new Date(2019, 2), value: 10 },
{ date: new Date(2019, 3), value: 10 },
],
},
],
};
export var lineTimeSeriesMonthlyDefaultLocaleOptions = {
title: 'Line (time series) - Time interval monthly with default locale',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// monthly with custom locale
export var lineTimeSeriesDataMonthlyCustomLocale = lineTimeSeriesDataMonthlyDefaultLocale;
export var lineTimeSeriesMonthlyCustomLocaleOptions = {
title: 'Line (time series) - Time interval monthly with custom locale (fr)',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
localeObject: frLocaleObject,
},
legend: {
clickable: false,
},
};
// quarterly
export var lineTimeSeriesDataQuarterly = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2018, 0), value: 10 },
{ date: new Date(2018, 3), value: 10 },
{ date: new Date(2018, 6), value: 10 },
{ date: new Date(2018, 9), value: 10 },
{ date: new Date(2019, 0), value: 10 },
{ date: new Date(2019, 3), value: 10 },
{ date: new Date(2019, 6), value: 10 },
],
},
],
};
export var lineTimeSeriesQuarterlyOptions = {
title: 'Line (time series) - Time interval quarterly',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// yearly
export var lineTimeSeriesDataYearly = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(1977, 0), value: 10 },
{ date: new Date(1978, 0), value: 10 },
{ date: new Date(1979, 0), value: 10 },
{ date: new Date(1980, 0), value: 10 },
{ date: new Date(1981, 0), value: 10 },
{ date: new Date(1982, 0), value: 10 },
{ date: new Date(1983, 0), value: 10 },
],
},
],
};
export var lineTimeSeriesYearlyOptions = {
title: 'Line (time series) - Time interval yearly',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// single datum
export var lineTimeSeriesDataSingleDatum = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [{ date: new Date('2020-01-06T19:43:16Z'), value: 10 }],
},
],
};
export var lineTimeSeriesSingleDatumOptions = {
title: 'Line (time series) - Single datum',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
legend: {
clickable: false,
},
};
// addSpaceOnEdges = 0
export var lineTimeSeriesNoExtendedDomainData = {
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 },
{ date: new Date(2020, 0, 4), value: 10 },
{ date: new Date(2020, 0, 5), value: 10 },
],
},
],
};
export var lineTimeSeriesNoExtendedDomainOptions = {
title: 'Line (time series) - addSpaceOnEdges = 0',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
addSpaceOnEdges: 0,
},
legend: {
clickable: false,
},
};
// bug two identical labels
export var lineTimeSeriesDataTwoIdenticalLabels = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2020, 0, 23, 23, 0), value: 10 },
{ date: new Date(2020, 1, 9, 23, 0), value: 10 },
],
},
],
};
export var lineTimeSeriesTwoIdenticalLabelsOptions = {
title: 'Line (time series) - Two identical labels',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
addSpaceOnEdges: 0,
},
legend: {
clickable: false,
},
};
export var lineTimeSeriesTwoIdenticalLabels2Options = {
title: 'Line (time series) - Two identical labels 2',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
addSpaceOnEdges: 0,
},
legend: {
clickable: false,
},
};
// bug all labels in primary format
export var lineTimeSeriesDataAllLabelsInPrimaryFormat = {
labels: ['Qty'],
datasets: [
{
label: 'Dataset 1',
data: [
{ date: new Date(2020, 0, 23, 1, 0), value: 10 },
{ date: new Date(2020, 0, 29, 1, 0), value: 10 },
],
},
],
};
export var lineTimeSeriesAllLabelsInPrimaryFormatOptions = {
title: 'Line (time series) - All labels in primary format',
axes: {
left: {},
bottom: {
scaleType: 'time',
},
},
timeScale: {
addSpaceOnEdges: 0,
},
legend: {
clickable: false,
},
};
//# sourceMappingURL=../../../demo/data/time-series-axis.js.map