interpolated-charts
Version:
Configurable d3 v4 charts with interpolation and missing data range
46 lines (42 loc) • 1.82 kB
JavaScript
// export const barChartData = [
// { date: new Date('2015-01-01T00:00:00'), value: 20 },
// { date: new Date('2015-01-02T00:00:00'), value: 16 },
// { date: new Date('2015-01-03T00:00:00'), value: 21 },
// { date: new Date('2015-01-06T00:00:00'), value: 13 },
// { date: new Date('2015-01-07T00:00:00'), value: 2 },
// { date: new Date('2015-01-08T00:00:00'), value: 29 },
// { date: new Date('2015-01-09T00:00:00'), value: 12 },
// { date: new Date('2015-01-10T00:00:00'), value: 7 }
// ]
export const barChartData = [
{
name: 'rain',
color: 'blue',
data: [
{ date: new Date('2015-01-01T00:00:00'), value: 20 },
{ date: new Date('2015-01-02T00:00:00'), value: 16 },
{ date: new Date('2015-01-03T00:00:00'), value: 21 },
{ date: new Date('2015-01-06T00:00:00'), value: 13 },
{ date: new Date('2015-01-07T00:00:00'), value: 2 },
{ date: new Date('2015-01-08T00:00:00'), value: 29 },
{ date: new Date('2015-01-09T00:00:00'), value: 12 },
{ date: new Date('2015-01-10T00:00:00'), value: 7 }
]
},
{
name: 'snow',
color: 'red',
data: [
{ date: new Date('2015-01-01T00:00:00'), value: 1 },
{ date: new Date('2015-01-02T00:00:00'), value: 3 },
{ date: new Date('2015-01-03T00:00:00'), value: 0 },
// { date: new Date('2015-01-04T00:00:00'), value: 7 },
{ date: new Date('2015-01-05T00:00:00'), value: 3 },
{ date: new Date('2015-01-06T00:00:00'), value: 0 },
{ date: new Date('2015-01-07T00:00:00'), value: 14 },
// { date: new Date('2015-01-08T00:00:00'), value: 29 },
{ date: new Date('2015-01-09T00:00:00') }, { date: new Date('2015-01-09T06:00:00') },
{ date: new Date('2015-01-10T00:00:00'), value: 2 }
]
}
]