mirror of
https://github.com/apache/superset.git
synced 2024-09-19 12:09:42 -04:00
add horizon demo
This commit is contained in:
parent
83013f7f91
commit
b72e17ee94
@ -8,10 +8,919 @@ export default [
|
||||
<SuperChart
|
||||
chartType="horizon"
|
||||
chartProps={{
|
||||
formData: {},
|
||||
formData: {
|
||||
horizonColorScale: 'series',
|
||||
seriesHeight: '25',
|
||||
},
|
||||
height: 600,
|
||||
payload: {
|
||||
data: [],
|
||||
data: [
|
||||
{
|
||||
key: ['Christopher'],
|
||||
values: [
|
||||
{
|
||||
x: -157766400000.0,
|
||||
y: 24703,
|
||||
},
|
||||
{
|
||||
x: -126230400000.0,
|
||||
y: 27861,
|
||||
},
|
||||
{
|
||||
x: -94694400000.0,
|
||||
y: 29436,
|
||||
},
|
||||
{
|
||||
x: -63158400000.0,
|
||||
y: 31463,
|
||||
},
|
||||
{
|
||||
x: -31536000000.0,
|
||||
y: 35718,
|
||||
},
|
||||
{
|
||||
x: 0.0,
|
||||
y: 41758,
|
||||
},
|
||||
{
|
||||
x: 31536000000.0,
|
||||
y: 48172,
|
||||
},
|
||||
{
|
||||
x: 63072000000.0,
|
||||
y: 52092,
|
||||
},
|
||||
{
|
||||
x: 94694400000.0,
|
||||
y: 48217,
|
||||
},
|
||||
{
|
||||
x: 126230400000.0,
|
||||
y: 48476,
|
||||
},
|
||||
{
|
||||
x: 157766400000.0,
|
||||
y: 46438,
|
||||
},
|
||||
{
|
||||
x: 189302400000.0,
|
||||
y: 45086,
|
||||
},
|
||||
{
|
||||
x: 220924800000.0,
|
||||
y: 46610,
|
||||
},
|
||||
{
|
||||
x: 252460800000.0,
|
||||
y: 47107,
|
||||
},
|
||||
{
|
||||
x: 283996800000.0,
|
||||
y: 50514,
|
||||
},
|
||||
{
|
||||
x: 315532800000.0,
|
||||
y: 48969,
|
||||
},
|
||||
{
|
||||
x: 347155200000.0,
|
||||
y: 50108,
|
||||
},
|
||||
{
|
||||
x: 378691200000.0,
|
||||
y: 59055,
|
||||
},
|
||||
{
|
||||
x: 410227200000.0,
|
||||
y: 59188,
|
||||
},
|
||||
{
|
||||
x: 441763200000.0,
|
||||
y: 59859,
|
||||
},
|
||||
{
|
||||
x: 473385600000.0,
|
||||
y: 59516,
|
||||
},
|
||||
{
|
||||
x: 504921600000.0,
|
||||
y: 56633,
|
||||
},
|
||||
{
|
||||
x: 536457600000.0,
|
||||
y: 54466,
|
||||
},
|
||||
{
|
||||
x: 567993600000.0,
|
||||
y: 52996,
|
||||
},
|
||||
{
|
||||
x: 599616000000.0,
|
||||
y: 53205,
|
||||
},
|
||||
{
|
||||
x: 631152000000.0,
|
||||
y: 52322,
|
||||
},
|
||||
{
|
||||
x: 662688000000.0,
|
||||
y: 47109,
|
||||
},
|
||||
{
|
||||
x: 694224000000.0,
|
||||
y: 42470,
|
||||
},
|
||||
{
|
||||
x: 725846400000.0,
|
||||
y: 38257,
|
||||
},
|
||||
{
|
||||
x: 757382400000.0,
|
||||
y: 34823,
|
||||
},
|
||||
{
|
||||
x: 788918400000.0,
|
||||
y: 32728,
|
||||
},
|
||||
{
|
||||
x: 820454400000.0,
|
||||
y: 30988,
|
||||
},
|
||||
{
|
||||
x: 852076800000.0,
|
||||
y: 29179,
|
||||
},
|
||||
{
|
||||
x: 883612800000.0,
|
||||
y: 27083,
|
||||
},
|
||||
{
|
||||
x: 915148800000.0,
|
||||
y: 25700,
|
||||
},
|
||||
{
|
||||
x: 946684800000.0,
|
||||
y: 24959,
|
||||
},
|
||||
{
|
||||
x: 978307200000.0,
|
||||
y: 23180,
|
||||
},
|
||||
{
|
||||
x: 1009843200000.0,
|
||||
y: 21731,
|
||||
},
|
||||
{
|
||||
x: 1041379200000.0,
|
||||
y: 20793,
|
||||
},
|
||||
{
|
||||
x: 1072915200000.0,
|
||||
y: 19739,
|
||||
},
|
||||
{
|
||||
x: 1104537600000.0,
|
||||
y: 19190,
|
||||
},
|
||||
{
|
||||
x: 1136073600000.0,
|
||||
y: 19674,
|
||||
},
|
||||
{
|
||||
x: 1167609600000.0,
|
||||
y: 19986,
|
||||
},
|
||||
{
|
||||
x: 1199145600000.0,
|
||||
y: 17771,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: ['Daniel'],
|
||||
values: [
|
||||
{
|
||||
x: -157766400000.0,
|
||||
y: 24717,
|
||||
},
|
||||
{
|
||||
x: -126230400000.0,
|
||||
y: 23168,
|
||||
},
|
||||
{
|
||||
x: -94694400000.0,
|
||||
y: 22128,
|
||||
},
|
||||
{
|
||||
x: -63158400000.0,
|
||||
y: 21940,
|
||||
},
|
||||
{
|
||||
x: -31536000000.0,
|
||||
y: 23103,
|
||||
},
|
||||
{
|
||||
x: 0.0,
|
||||
y: 23427,
|
||||
},
|
||||
{
|
||||
x: 31536000000.0,
|
||||
y: 21704,
|
||||
},
|
||||
{
|
||||
x: 63072000000.0,
|
||||
y: 22022,
|
||||
},
|
||||
{
|
||||
x: 94694400000.0,
|
||||
y: 23579,
|
||||
},
|
||||
{
|
||||
x: 126230400000.0,
|
||||
y: 23759,
|
||||
},
|
||||
{
|
||||
x: 157766400000.0,
|
||||
y: 23720,
|
||||
},
|
||||
{
|
||||
x: 189302400000.0,
|
||||
y: 24621,
|
||||
},
|
||||
{
|
||||
x: 220924800000.0,
|
||||
y: 25971,
|
||||
},
|
||||
{
|
||||
x: 252460800000.0,
|
||||
y: 26324,
|
||||
},
|
||||
{
|
||||
x: 283996800000.0,
|
||||
y: 28403,
|
||||
},
|
||||
{
|
||||
x: 315532800000.0,
|
||||
y: 29759,
|
||||
},
|
||||
{
|
||||
x: 347155200000.0,
|
||||
y: 30868,
|
||||
},
|
||||
{
|
||||
x: 378691200000.0,
|
||||
y: 32480,
|
||||
},
|
||||
{
|
||||
x: 410227200000.0,
|
||||
y: 34580,
|
||||
},
|
||||
{
|
||||
x: 441763200000.0,
|
||||
y: 36370,
|
||||
},
|
||||
{
|
||||
x: 473385600000.0,
|
||||
y: 38409,
|
||||
},
|
||||
{
|
||||
x: 504921600000.0,
|
||||
y: 36440,
|
||||
},
|
||||
{
|
||||
x: 536457600000.0,
|
||||
y: 35746,
|
||||
},
|
||||
{
|
||||
x: 567993600000.0,
|
||||
y: 34589,
|
||||
},
|
||||
{
|
||||
x: 599616000000.0,
|
||||
y: 34909,
|
||||
},
|
||||
{
|
||||
x: 631152000000.0,
|
||||
y: 33740,
|
||||
},
|
||||
{
|
||||
x: 662688000000.0,
|
||||
y: 30826,
|
||||
},
|
||||
{
|
||||
x: 694224000000.0,
|
||||
y: 29047,
|
||||
},
|
||||
{
|
||||
x: 725846400000.0,
|
||||
y: 28587,
|
||||
},
|
||||
{
|
||||
x: 757382400000.0,
|
||||
y: 27978,
|
||||
},
|
||||
{
|
||||
x: 788918400000.0,
|
||||
y: 26631,
|
||||
},
|
||||
{
|
||||
x: 820454400000.0,
|
||||
y: 25029,
|
||||
},
|
||||
{
|
||||
x: 852076800000.0,
|
||||
y: 23873,
|
||||
},
|
||||
{
|
||||
x: 883612800000.0,
|
||||
y: 23089,
|
||||
},
|
||||
{
|
||||
x: 915148800000.0,
|
||||
y: 22623,
|
||||
},
|
||||
{
|
||||
x: 946684800000.0,
|
||||
y: 22250,
|
||||
},
|
||||
{
|
||||
x: 978307200000.0,
|
||||
y: 20925,
|
||||
},
|
||||
{
|
||||
x: 1009843200000.0,
|
||||
y: 21247,
|
||||
},
|
||||
{
|
||||
x: 1041379200000.0,
|
||||
y: 20980,
|
||||
},
|
||||
{
|
||||
x: 1072915200000.0,
|
||||
y: 20914,
|
||||
},
|
||||
{
|
||||
x: 1104537600000.0,
|
||||
y: 20130,
|
||||
},
|
||||
{
|
||||
x: 1136073600000.0,
|
||||
y: 19946,
|
||||
},
|
||||
{
|
||||
x: 1167609600000.0,
|
||||
y: 20108,
|
||||
},
|
||||
{
|
||||
x: 1199145600000.0,
|
||||
y: 18695,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: ['David'],
|
||||
values: [
|
||||
{
|
||||
x: -157766400000.0,
|
||||
y: 67646,
|
||||
},
|
||||
{
|
||||
x: -126230400000.0,
|
||||
y: 66207,
|
||||
},
|
||||
{
|
||||
x: -94694400000.0,
|
||||
y: 66581,
|
||||
},
|
||||
{
|
||||
x: -63158400000.0,
|
||||
y: 63531,
|
||||
},
|
||||
{
|
||||
x: -31536000000.0,
|
||||
y: 63502,
|
||||
},
|
||||
{
|
||||
x: 0.0,
|
||||
y: 61570,
|
||||
},
|
||||
{
|
||||
x: 31536000000.0,
|
||||
y: 52948,
|
||||
},
|
||||
{
|
||||
x: 63072000000.0,
|
||||
y: 46218,
|
||||
},
|
||||
{
|
||||
x: 94694400000.0,
|
||||
y: 40968,
|
||||
},
|
||||
{
|
||||
x: 126230400000.0,
|
||||
y: 41654,
|
||||
},
|
||||
{
|
||||
x: 157766400000.0,
|
||||
y: 39019,
|
||||
},
|
||||
{
|
||||
x: 189302400000.0,
|
||||
y: 39165,
|
||||
},
|
||||
{
|
||||
x: 220924800000.0,
|
||||
y: 40407,
|
||||
},
|
||||
{
|
||||
x: 252460800000.0,
|
||||
y: 40533,
|
||||
},
|
||||
{
|
||||
x: 283996800000.0,
|
||||
y: 41898,
|
||||
},
|
||||
{
|
||||
x: 315532800000.0,
|
||||
y: 41743,
|
||||
},
|
||||
{
|
||||
x: 347155200000.0,
|
||||
y: 40486,
|
||||
},
|
||||
{
|
||||
x: 378691200000.0,
|
||||
y: 40283,
|
||||
},
|
||||
{
|
||||
x: 410227200000.0,
|
||||
y: 39048,
|
||||
},
|
||||
{
|
||||
x: 441763200000.0,
|
||||
y: 38346,
|
||||
},
|
||||
{
|
||||
x: 473385600000.0,
|
||||
y: 38395,
|
||||
},
|
||||
{
|
||||
x: 504921600000.0,
|
||||
y: 37021,
|
||||
},
|
||||
{
|
||||
x: 536457600000.0,
|
||||
y: 36672,
|
||||
},
|
||||
{
|
||||
x: 567993600000.0,
|
||||
y: 35214,
|
||||
},
|
||||
{
|
||||
x: 599616000000.0,
|
||||
y: 35139,
|
||||
},
|
||||
{
|
||||
x: 631152000000.0,
|
||||
y: 33661,
|
||||
},
|
||||
{
|
||||
x: 662688000000.0,
|
||||
y: 30347,
|
||||
},
|
||||
{
|
||||
x: 694224000000.0,
|
||||
y: 28344,
|
||||
},
|
||||
{
|
||||
x: 725846400000.0,
|
||||
y: 26947,
|
||||
},
|
||||
{
|
||||
x: 757382400000.0,
|
||||
y: 24784,
|
||||
},
|
||||
{
|
||||
x: 788918400000.0,
|
||||
y: 22967,
|
||||
},
|
||||
{
|
||||
x: 820454400000.0,
|
||||
y: 22941,
|
||||
},
|
||||
{
|
||||
x: 852076800000.0,
|
||||
y: 21824,
|
||||
},
|
||||
{
|
||||
x: 883612800000.0,
|
||||
y: 20816,
|
||||
},
|
||||
{
|
||||
x: 915148800000.0,
|
||||
y: 20267,
|
||||
},
|
||||
{
|
||||
x: 946684800000.0,
|
||||
y: 19695,
|
||||
},
|
||||
{
|
||||
x: 978307200000.0,
|
||||
y: 19281,
|
||||
},
|
||||
{
|
||||
x: 1009843200000.0,
|
||||
y: 18600,
|
||||
},
|
||||
{
|
||||
x: 1041379200000.0,
|
||||
y: 18557,
|
||||
},
|
||||
{
|
||||
x: 1072915200000.0,
|
||||
y: 18315,
|
||||
},
|
||||
{
|
||||
x: 1104537600000.0,
|
||||
y: 18017,
|
||||
},
|
||||
{
|
||||
x: 1136073600000.0,
|
||||
y: 17510,
|
||||
},
|
||||
{
|
||||
x: 1167609600000.0,
|
||||
y: 17400,
|
||||
},
|
||||
{
|
||||
x: 1199145600000.0,
|
||||
y: 16049,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: ['James'],
|
||||
values: [
|
||||
{
|
||||
x: -157766400000.0,
|
||||
y: 67506,
|
||||
},
|
||||
{
|
||||
x: -126230400000.0,
|
||||
y: 65036,
|
||||
},
|
||||
{
|
||||
x: -94694400000.0,
|
||||
y: 61554,
|
||||
},
|
||||
{
|
||||
x: -63158400000.0,
|
||||
y: 60584,
|
||||
},
|
||||
{
|
||||
x: -31536000000.0,
|
||||
y: 59824,
|
||||
},
|
||||
{
|
||||
x: 0.0,
|
||||
y: 61597,
|
||||
},
|
||||
{
|
||||
x: 31536000000.0,
|
||||
y: 54463,
|
||||
},
|
||||
{
|
||||
x: 63072000000.0,
|
||||
y: 46960,
|
||||
},
|
||||
{
|
||||
x: 94694400000.0,
|
||||
y: 42782,
|
||||
},
|
||||
{
|
||||
x: 126230400000.0,
|
||||
y: 41258,
|
||||
},
|
||||
{
|
||||
x: 157766400000.0,
|
||||
y: 39471,
|
||||
},
|
||||
{
|
||||
x: 189302400000.0,
|
||||
y: 38203,
|
||||
},
|
||||
{
|
||||
x: 220924800000.0,
|
||||
y: 39916,
|
||||
},
|
||||
{
|
||||
x: 252460800000.0,
|
||||
y: 39783,
|
||||
},
|
||||
{
|
||||
x: 283996800000.0,
|
||||
y: 39237,
|
||||
},
|
||||
{
|
||||
x: 315532800000.0,
|
||||
y: 39185,
|
||||
},
|
||||
{
|
||||
x: 347155200000.0,
|
||||
y: 38176,
|
||||
},
|
||||
{
|
||||
x: 378691200000.0,
|
||||
y: 38750,
|
||||
},
|
||||
{
|
||||
x: 410227200000.0,
|
||||
y: 36228,
|
||||
},
|
||||
{
|
||||
x: 441763200000.0,
|
||||
y: 35728,
|
||||
},
|
||||
{
|
||||
x: 473385600000.0,
|
||||
y: 35750,
|
||||
},
|
||||
{
|
||||
x: 504921600000.0,
|
||||
y: 33955,
|
||||
},
|
||||
{
|
||||
x: 536457600000.0,
|
||||
y: 32552,
|
||||
},
|
||||
{
|
||||
x: 567993600000.0,
|
||||
y: 32418,
|
||||
},
|
||||
{
|
||||
x: 599616000000.0,
|
||||
y: 32658,
|
||||
},
|
||||
{
|
||||
x: 631152000000.0,
|
||||
y: 32288,
|
||||
},
|
||||
{
|
||||
x: 662688000000.0,
|
||||
y: 30460,
|
||||
},
|
||||
{
|
||||
x: 694224000000.0,
|
||||
y: 28450,
|
||||
},
|
||||
{
|
||||
x: 725846400000.0,
|
||||
y: 26193,
|
||||
},
|
||||
{
|
||||
x: 757382400000.0,
|
||||
y: 24706,
|
||||
},
|
||||
{
|
||||
x: 788918400000.0,
|
||||
y: 22691,
|
||||
},
|
||||
{
|
||||
x: 820454400000.0,
|
||||
y: 21122,
|
||||
},
|
||||
{
|
||||
x: 852076800000.0,
|
||||
y: 20368,
|
||||
},
|
||||
{
|
||||
x: 883612800000.0,
|
||||
y: 19651,
|
||||
},
|
||||
{
|
||||
x: 915148800000.0,
|
||||
y: 18508,
|
||||
},
|
||||
{
|
||||
x: 946684800000.0,
|
||||
y: 17939,
|
||||
},
|
||||
{
|
||||
x: 978307200000.0,
|
||||
y: 17023,
|
||||
},
|
||||
{
|
||||
x: 1009843200000.0,
|
||||
y: 16905,
|
||||
},
|
||||
{
|
||||
x: 1041379200000.0,
|
||||
y: 16832,
|
||||
},
|
||||
{
|
||||
x: 1072915200000.0,
|
||||
y: 16459,
|
||||
},
|
||||
{
|
||||
x: 1104537600000.0,
|
||||
y: 16046,
|
||||
},
|
||||
{
|
||||
x: 1136073600000.0,
|
||||
y: 16139,
|
||||
},
|
||||
{
|
||||
x: 1167609600000.0,
|
||||
y: 15821,
|
||||
},
|
||||
{
|
||||
x: 1199145600000.0,
|
||||
y: 14920,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
key: ['Jennifer'],
|
||||
values: [
|
||||
{
|
||||
x: -157766400000.0,
|
||||
y: 15174,
|
||||
},
|
||||
{
|
||||
x: -126230400000.0,
|
||||
y: 18166,
|
||||
},
|
||||
{
|
||||
x: -94694400000.0,
|
||||
y: 18193,
|
||||
},
|
||||
{
|
||||
x: -63158400000.0,
|
||||
y: 26778,
|
||||
},
|
||||
{
|
||||
x: -31536000000.0,
|
||||
y: 33618,
|
||||
},
|
||||
{
|
||||
x: 0.0,
|
||||
y: 46022,
|
||||
},
|
||||
{
|
||||
x: 31536000000.0,
|
||||
y: 56607,
|
||||
},
|
||||
{
|
||||
x: 63072000000.0,
|
||||
y: 63400,
|
||||
},
|
||||
{
|
||||
x: 94694400000.0,
|
||||
y: 62229,
|
||||
},
|
||||
{
|
||||
x: 126230400000.0,
|
||||
y: 62854,
|
||||
},
|
||||
{
|
||||
x: 157766400000.0,
|
||||
y: 57960,
|
||||
},
|
||||
{
|
||||
x: 189302400000.0,
|
||||
y: 59255,
|
||||
},
|
||||
{
|
||||
x: 220924800000.0,
|
||||
y: 58682,
|
||||
},
|
||||
{
|
||||
x: 252460800000.0,
|
||||
y: 56064,
|
||||
},
|
||||
{
|
||||
x: 283996800000.0,
|
||||
y: 56472,
|
||||
},
|
||||
{
|
||||
x: 315532800000.0,
|
||||
y: 58130,
|
||||
},
|
||||
{
|
||||
x: 347155200000.0,
|
||||
y: 56779,
|
||||
},
|
||||
{
|
||||
x: 378691200000.0,
|
||||
y: 56867,
|
||||
},
|
||||
{
|
||||
x: 410227200000.0,
|
||||
y: 54136,
|
||||
},
|
||||
{
|
||||
x: 441763200000.0,
|
||||
y: 50375,
|
||||
},
|
||||
{
|
||||
x: 473385600000.0,
|
||||
y: 42500,
|
||||
},
|
||||
{
|
||||
x: 504921600000.0,
|
||||
y: 36063,
|
||||
},
|
||||
{
|
||||
x: 536457600000.0,
|
||||
y: 32613,
|
||||
},
|
||||
{
|
||||
x: 567993600000.0,
|
||||
y: 27798,
|
||||
},
|
||||
{
|
||||
x: 599616000000.0,
|
||||
y: 24006,
|
||||
},
|
||||
{
|
||||
x: 631152000000.0,
|
||||
y: 22160,
|
||||
},
|
||||
{
|
||||
x: 662688000000.0,
|
||||
y: 20616,
|
||||
},
|
||||
{
|
||||
x: 694224000000.0,
|
||||
y: 17783,
|
||||
},
|
||||
{
|
||||
x: 725846400000.0,
|
||||
y: 15704,
|
||||
},
|
||||
{
|
||||
x: 757382400000.0,
|
||||
y: 13976,
|
||||
},
|
||||
{
|
||||
x: 788918400000.0,
|
||||
y: 12655,
|
||||
},
|
||||
{
|
||||
x: 820454400000.0,
|
||||
y: 11703,
|
||||
},
|
||||
{
|
||||
x: 852076800000.0,
|
||||
y: 11803,
|
||||
},
|
||||
{
|
||||
x: 883612800000.0,
|
||||
y: 10671,
|
||||
},
|
||||
{
|
||||
x: 915148800000.0,
|
||||
y: 10593,
|
||||
},
|
||||
{
|
||||
x: 946684800000.0,
|
||||
y: 9308,
|
||||
},
|
||||
{
|
||||
x: 978307200000.0,
|
||||
y: 8843,
|
||||
},
|
||||
{
|
||||
x: 1009843200000.0,
|
||||
y: 8317,
|
||||
},
|
||||
{
|
||||
x: 1041379200000.0,
|
||||
y: 7475,
|
||||
},
|
||||
{
|
||||
x: 1072915200000.0,
|
||||
y: 6079,
|
||||
},
|
||||
{
|
||||
x: 1104537600000.0,
|
||||
y: 5413,
|
||||
},
|
||||
{
|
||||
x: 1136073600000.0,
|
||||
y: 4736,
|
||||
},
|
||||
{
|
||||
x: 1167609600000.0,
|
||||
y: 4001,
|
||||
},
|
||||
{
|
||||
x: 1199145600000.0,
|
||||
y: 3010,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
width: 600,
|
||||
}}
|
||||
|
@ -76,7 +76,7 @@ class HorizonChart extends React.PureComponent {
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={`horizon-chart ${className}`}>
|
||||
<div className={`superset-legacy-chart-horizon ${className}`}>
|
||||
{data.map(row => (
|
||||
<HorizonRow
|
||||
key={row.key}
|
||||
|
Loading…
Reference in New Issue
Block a user