@react-magma/charts 12.0.0-next.2 → 12.0.0-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/charts +11 -8
  2. package/dist/charts.js +1 -1
  3. package/dist/charts.js.map +1 -1
  4. package/dist/charts.map +1 -1
  5. package/dist/charts.modern.module.js +1 -1
  6. package/dist/charts.modern.module.js.map +1 -1
  7. package/dist/charts.umd.js +1 -1
  8. package/dist/charts.umd.js.map +1 -1
  9. package/dist/components/CarbonChart/CarbonChartArea.stories.d.ts +1 -0
  10. package/dist/components/CarbonChart/CarbonChartBoxplot.stories.d.ts +1 -0
  11. package/dist/components/CarbonChart/CarbonChartBubble.stories.d.ts +5 -0
  12. package/dist/components/CarbonChart/CarbonChartCombo.stories.d.ts +11 -0
  13. package/dist/components/CarbonChart/CarbonChartGauge.stories.d.ts +1 -0
  14. package/dist/components/CarbonChart/CarbonChartHistogram.stories.d.ts +2 -0
  15. package/dist/components/CarbonChart/CarbonChartMeter.stories.d.ts +4 -0
  16. package/dist/components/CarbonChart/CarbonChartRadar.stories.d.ts +3 -0
  17. package/dist/components/CarbonChart/CarbonChartScatter.stories.d.ts +5 -0
  18. package/package.json +1 -1
  19. package/src/components/CarbonChart/CarbonChart.tsx +26 -4
  20. package/src/components/CarbonChart/CarbonChartArea.stories.tsx +101 -0
  21. package/src/components/CarbonChart/CarbonChartBoxplot.stories.tsx +120 -122
  22. package/src/components/CarbonChart/CarbonChartBubble.stories.tsx +475 -477
  23. package/src/components/CarbonChart/CarbonChartCombo.stories.tsx +1282 -1284
  24. package/src/components/CarbonChart/CarbonChartGauge.stories.tsx +24 -26
  25. package/src/components/CarbonChart/CarbonChartHistogram.stories.tsx +593 -595
  26. package/src/components/CarbonChart/CarbonChartMeter.stories.tsx +147 -149
  27. package/src/components/CarbonChart/CarbonChartRadar.stories.tsx +375 -377
  28. package/src/components/CarbonChart/CarbonChartScatter.stories.tsx +363 -365
package/src/components/CarbonChart/CarbonChartHistogram.stories.tsx CHANGED
@@ -171,599 +171,597 @@ HistogramLinear.args = {
171
171
  },
172
172
  };
173
173
 
174
- // Uncomment when adding new charts. Issues: #1054, #1055, #1056
175
-
176
- // export const HistogramDefinedBinsNumberLinear = Template.bind({});
177
- // HistogramDefinedBinsNumberLinear.args = {
178
- // isInverse: false,
179
- // type: CarbonChartType.histogram,
180
- // dataSet: [
181
- // {
182
- // group: 'Dataset 1',
183
- // value: 200,
184
- // },
185
- // {
186
- // group: 'Dataset 1',
187
- // value: 210,
188
- // },
189
- // {
190
- // group: 'Dataset 1',
191
- // value: 230,
192
- // },
193
- // {
194
- // group: 'Dataset 1',
195
- // value: 210,
196
- // },
197
- // {
198
- // group: 'Dataset 1',
199
- // value: 230,
200
- // },
201
- // {
202
- // group: 'Dataset 1',
203
- // value: 240,
204
- // },
205
- // {
206
- // group: 'Dataset 1',
207
- // value: 250,
208
- // },
209
- // {
210
- // group: 'Dataset 1',
211
- // value: 255,
212
- // },
213
- // {
214
- // group: 'Dataset 1',
215
- // value: 290,
216
- // },
217
- // {
218
- // group: 'Dataset 1',
219
- // value: 300,
220
- // },
221
- // {
222
- // group: 'Dataset 1',
223
- // value: 320,
224
- // },
225
- // {
226
- // group: 'Dataset 1',
227
- // value: 330,
228
- // },
229
- // {
230
- // group: 'Dataset 1',
231
- // value: 320,
232
- // },
233
- // {
234
- // group: 'Dataset 1',
235
- // value: 330,
236
- // },
237
- // {
238
- // group: 'Dataset 1',
239
- // value: 320,
240
- // },
241
- // {
242
- // group: 'Dataset 1',
243
- // value: 330,
244
- // },
245
- // {
246
- // group: 'Dataset 1',
247
- // value: 340,
248
- // },
249
- // {
250
- // group: 'Dataset 1',
251
- // value: 350,
252
- // },
253
- // {
254
- // group: 'Dataset 1',
255
- // value: 300,
256
- // },
257
- // {
258
- // group: 'Dataset 1',
259
- // value: 400,
260
- // },
261
- // {
262
- // group: 'Dataset 1',
263
- // value: 420,
264
- // },
265
- // {
266
- // group: 'Dataset 1',
267
- // value: 430,
268
- // },
269
- // {
270
- // group: 'Dataset 1',
271
- // value: 450,
272
- // },
273
- // {
274
- // group: 'Dataset 1',
275
- // value: 460,
276
- // },
277
- // {
278
- // group: 'Dataset 1',
279
- // value: 465,
280
- // },
281
- // {
282
- // group: 'Dataset 1',
283
- // value: 468,
284
- // },
285
- // {
286
- // group: 'Dataset 1',
287
- // value: 400,
288
- // },
289
- // {
290
- // group: 'Dataset 1',
291
- // value: 430,
292
- // },
293
- // {
294
- // group: 'Dataset 1',
295
- // value: 450,
296
- // },
297
- // {
298
- // group: 'Dataset 1',
299
- // value: 400,
300
- // },
301
- // {
302
- // group: 'Dataset 1',
303
- // value: 430,
304
- // },
305
- // {
306
- // group: 'Dataset 1',
307
- // value: 400,
308
- // },
309
- // {
310
- // group: 'Dataset 1',
311
- // value: 430,
312
- // },
313
- // {
314
- // group: 'Dataset 1',
315
- // value: 480,
316
- // },
317
- // {
318
- // group: 'Dataset 1',
319
- // value: 500,
320
- // },
321
- // {
322
- // group: 'Dataset 1',
323
- // value: 550,
324
- // },
325
- // {
326
- // group: 'Dataset 1',
327
- // value: 660,
328
- // },
329
- // {
330
- // group: 'Dataset 1',
331
- // value: 580,
332
- // },
333
- // {
334
- // group: 'Dataset 1',
335
- // value: 700,
336
- // },
337
- // {
338
- // group: 'Dataset 1',
339
- // value: 780,
340
- // },
341
- // {
342
- // group: 'Dataset 1',
343
- // value: 710,
344
- // },
345
- // {
346
- // group: 'Dataset 1',
347
- // value: 750,
348
- // },
349
- // {
350
- // group: 'Dataset 1',
351
- // value: 830,
352
- // },
353
- // {
354
- // group: 'Dataset 1',
355
- // value: 860,
356
- // },
357
- // {
358
- // group: 'Dataset 1',
359
- // value: 870,
360
- // },
361
- // {
362
- // group: 'Dataset 1',
363
- // value: 200,
364
- // },
365
- // {
366
- // group: 'Dataset 1',
367
- // value: 210,
368
- // },
369
- // {
370
- // group: 'Dataset 1',
371
- // value: 230,
372
- // },
373
- // {
374
- // group: 'Dataset 1',
375
- // value: 210,
376
- // },
377
- // {
378
- // group: 'Dataset 1',
379
- // value: 230,
380
- // },
381
- // {
382
- // group: 'Dataset 1',
383
- // value: 240,
384
- // },
385
- // {
386
- // group: 'Dataset 1',
387
- // value: 290,
388
- // },
389
- // {
390
- // group: 'Dataset 1',
391
- // value: 300,
392
- // },
393
- // {
394
- // group: 'Dataset 1',
395
- // value: 340,
396
- // },
397
- // {
398
- // group: 'Dataset 1',
399
- // value: 345,
400
- // },
401
- // {
402
- // group: 'Dataset 1',
403
- // value: 350,
404
- // },
405
- // {
406
- // group: 'Dataset 1',
407
- // value: 380,
408
- // },
409
- // {
410
- // group: 'Dataset 1',
411
- // value: 380,
412
- // },
413
- // {
414
- // group: 'Dataset 1',
415
- // value: 275,
416
- // },
417
- // {
418
- // group: 'Dataset 1',
419
- // value: 260,
420
- // },
421
- // {
422
- // group: 'Dataset 1',
423
- // value: 262,
424
- // },
425
- // {
426
- // group: 'Dataset 1',
427
- // value: 223,
428
- // },
429
- // {
430
- // group: 'Dataset 1',
431
- // value: 218,
432
- // },
433
- // {
434
- // group: 'Dataset 1',
435
- // value: 333,
436
- // },
437
- // {
438
- // group: 'Dataset 1',
439
- // value: 385,
440
- // },
441
- // {
442
- // group: 'Dataset 1',
443
- // value: 300,
444
- // },
445
- // {
446
- // group: 'Dataset 1',
447
- // value: 400,
448
- // },
449
- // {
450
- // group: 'Dataset 1',
451
- // value: 430,
452
- // },
453
- // {
454
- // group: 'Dataset 1',
455
- // value: 444,
456
- // },
457
- // {
458
- // group: 'Dataset 1',
459
- // value: 433,
460
- // },
461
- // {
462
- // group: 'Dataset 1',
463
- // value: 450,
464
- // },
465
- // {
466
- // group: 'Dataset 1',
467
- // value: 375,
468
- // },
469
- // {
470
- // group: 'Dataset 1',
471
- // value: 455,
472
- // },
473
- // {
474
- // group: 'Dataset 1',
475
- // value: 458,
476
- // },
477
- // {
478
- // group: 'Dataset 1',
479
- // value: 460,
480
- // },
481
- // {
482
- // group: 'Dataset 1',
483
- // value: 477,
484
- // },
485
- // {
486
- // group: 'Dataset 1',
487
- // value: 480,
488
- // },
489
- // {
490
- // group: 'Dataset 1',
491
- // value: 484,
492
- // },
493
- // {
494
- // group: 'Dataset 1',
495
- // value: 400,
496
- // },
497
- // {
498
- // group: 'Dataset 1',
499
- // value: 430,
500
- // },
501
- // {
502
- // group: 'Dataset 1',
503
- // value: 450,
504
- // },
505
- // {
506
- // group: 'Dataset 1',
507
- // value: 480,
508
- // },
509
- // {
510
- // group: 'Dataset 1',
511
- // value: 500,
512
- // },
513
- // {
514
- // group: 'Dataset 1',
515
- // value: 550,
516
- // },
517
- // {
518
- // group: 'Dataset 1',
519
- // value: 660,
520
- // },
521
- // {
522
- // group: 'Dataset 1',
523
- // value: 618,
524
- // },
525
- // {
526
- // group: 'Dataset 1',
527
- // value: 720,
528
- // },
529
- // {
530
- // group: 'Dataset 1',
531
- // value: 621,
532
- // },
533
- // {
534
- // group: 'Dataset 1',
535
- // value: 823,
536
- // },
537
- // {
538
- // group: 'Dataset 1',
539
- // value: 525,
540
- // },
541
- // {
542
- // group: 'Dataset 1',
543
- // value: 630,
544
- // },
545
- // {
546
- // group: 'Dataset 1',
547
- // value: 635,
548
- // },
549
- // {
550
- // group: 'Dataset 1',
551
- // value: 637,
552
- // },
553
- // {
554
- // group: 'Dataset 1',
555
- // value: 644,
556
- // },
557
- // {
558
- // group: 'Dataset 1',
559
- // value: 580,
560
- // },
561
- // {
562
- // group: 'Dataset 1',
563
- // value: 570,
564
- // },
565
- // {
566
- // group: 'Dataset 1',
567
- // value: 575,
568
- // },
569
- // {
570
- // group: 'Dataset 1',
571
- // value: 578,
572
- // },
573
- // {
574
- // group: 'Dataset 1',
575
- // value: 582,
576
- // },
577
- // {
578
- // group: 'Dataset 1',
579
- // value: 591,
580
- // },
581
- // {
582
- // group: 'Dataset 1',
583
- // value: 700,
584
- // },
585
- // {
586
- // group: 'Dataset 1',
587
- // value: 780,
588
- // },
589
- // {
590
- // group: 'Dataset 1',
591
- // value: 710,
592
- // },
593
- // {
594
- // group: 'Dataset 1',
595
- // value: 750,
596
- // },
597
- // {
598
- // group: 'Dataset 1',
599
- // value: 830,
600
- // },
601
- // {
602
- // group: 'Dataset 1',
603
- // value: 860,
604
- // },
605
- // {
606
- // group: 'Dataset 1',
607
- // value: 870,
608
- // },
609
- // ],
610
- // options: {
611
- // title: 'Histogram (defined bins number) (linear)',
612
- // axes: {
613
- // bottom: {
614
- // title: 'US $ (million)',
615
- // mapsTo: 'value',
616
- // bins: 67,
617
- // limitDomainToBins: true,
618
- // },
619
- // left: {
620
- // title: 'No. of transactions',
621
- // scaleType: 'linear',
622
- // binned: true,
623
- // },
624
- // },
625
- // height: '400px',
626
- // },
627
- // };
174
+ export const HistogramDefinedBinsNumberLinear = Template.bind({});
175
+ HistogramDefinedBinsNumberLinear.args = {
176
+ isInverse: false,
177
+ type: CarbonChartType.histogram,
178
+ dataSet: [
179
+ {
180
+ group: 'Dataset 1',
181
+ value: 200,
182
+ },
183
+ {
184
+ group: 'Dataset 1',
185
+ value: 210,
186
+ },
187
+ {
188
+ group: 'Dataset 1',
189
+ value: 230,
190
+ },
191
+ {
192
+ group: 'Dataset 1',
193
+ value: 210,
194
+ },
195
+ {
196
+ group: 'Dataset 1',
197
+ value: 230,
198
+ },
199
+ {
200
+ group: 'Dataset 1',
201
+ value: 240,
202
+ },
203
+ {
204
+ group: 'Dataset 1',
205
+ value: 250,
206
+ },
207
+ {
208
+ group: 'Dataset 1',
209
+ value: 255,
210
+ },
211
+ {
212
+ group: 'Dataset 1',
213
+ value: 290,
214
+ },
215
+ {
216
+ group: 'Dataset 1',
217
+ value: 300,
218
+ },
219
+ {
220
+ group: 'Dataset 1',
221
+ value: 320,
222
+ },
223
+ {
224
+ group: 'Dataset 1',
225
+ value: 330,
226
+ },
227
+ {
228
+ group: 'Dataset 1',
229
+ value: 320,
230
+ },
231
+ {
232
+ group: 'Dataset 1',
233
+ value: 330,
234
+ },
235
+ {
236
+ group: 'Dataset 1',
237
+ value: 320,
238
+ },
239
+ {
240
+ group: 'Dataset 1',
241
+ value: 330,
242
+ },
243
+ {
244
+ group: 'Dataset 1',
245
+ value: 340,
246
+ },
247
+ {
248
+ group: 'Dataset 1',
249
+ value: 350,
250
+ },
251
+ {
252
+ group: 'Dataset 1',
253
+ value: 300,
254
+ },
255
+ {
256
+ group: 'Dataset 1',
257
+ value: 400,
258
+ },
259
+ {
260
+ group: 'Dataset 1',
261
+ value: 420,
262
+ },
263
+ {
264
+ group: 'Dataset 1',
265
+ value: 430,
266
+ },
267
+ {
268
+ group: 'Dataset 1',
269
+ value: 450,
270
+ },
271
+ {
272
+ group: 'Dataset 1',
273
+ value: 460,
274
+ },
275
+ {
276
+ group: 'Dataset 1',
277
+ value: 465,
278
+ },
279
+ {
280
+ group: 'Dataset 1',
281
+ value: 468,
282
+ },
283
+ {
284
+ group: 'Dataset 1',
285
+ value: 400,
286
+ },
287
+ {
288
+ group: 'Dataset 1',
289
+ value: 430,
290
+ },
291
+ {
292
+ group: 'Dataset 1',
293
+ value: 450,
294
+ },
295
+ {
296
+ group: 'Dataset 1',
297
+ value: 400,
298
+ },
299
+ {
300
+ group: 'Dataset 1',
301
+ value: 430,
302
+ },
303
+ {
304
+ group: 'Dataset 1',
305
+ value: 400,
306
+ },
307
+ {
308
+ group: 'Dataset 1',
309
+ value: 430,
310
+ },
311
+ {
312
+ group: 'Dataset 1',
313
+ value: 480,
314
+ },
315
+ {
316
+ group: 'Dataset 1',
317
+ value: 500,
318
+ },
319
+ {
320
+ group: 'Dataset 1',
321
+ value: 550,
322
+ },
323
+ {
324
+ group: 'Dataset 1',
325
+ value: 660,
326
+ },
327
+ {
328
+ group: 'Dataset 1',
329
+ value: 580,
330
+ },
331
+ {
332
+ group: 'Dataset 1',
333
+ value: 700,
334
+ },
335
+ {
336
+ group: 'Dataset 1',
337
+ value: 780,
338
+ },
339
+ {
340
+ group: 'Dataset 1',
341
+ value: 710,
342
+ },
343
+ {
344
+ group: 'Dataset 1',
345
+ value: 750,
346
+ },
347
+ {
348
+ group: 'Dataset 1',
349
+ value: 830,
350
+ },
351
+ {
352
+ group: 'Dataset 1',
353
+ value: 860,
354
+ },
355
+ {
356
+ group: 'Dataset 1',
357
+ value: 870,
358
+ },
359
+ {
360
+ group: 'Dataset 1',
361
+ value: 200,
362
+ },
363
+ {
364
+ group: 'Dataset 1',
365
+ value: 210,
366
+ },
367
+ {
368
+ group: 'Dataset 1',
369
+ value: 230,
370
+ },
371
+ {
372
+ group: 'Dataset 1',
373
+ value: 210,
374
+ },
375
+ {
376
+ group: 'Dataset 1',
377
+ value: 230,
378
+ },
379
+ {
380
+ group: 'Dataset 1',
381
+ value: 240,
382
+ },
383
+ {
384
+ group: 'Dataset 1',
385
+ value: 290,
386
+ },
387
+ {
388
+ group: 'Dataset 1',
389
+ value: 300,
390
+ },
391
+ {
392
+ group: 'Dataset 1',
393
+ value: 340,
394
+ },
395
+ {
396
+ group: 'Dataset 1',
397
+ value: 345,
398
+ },
399
+ {
400
+ group: 'Dataset 1',
401
+ value: 350,
402
+ },
403
+ {
404
+ group: 'Dataset 1',
405
+ value: 380,
406
+ },
407
+ {
408
+ group: 'Dataset 1',
409
+ value: 380,
410
+ },
411
+ {
412
+ group: 'Dataset 1',
413
+ value: 275,
414
+ },
415
+ {
416
+ group: 'Dataset 1',
417
+ value: 260,
418
+ },
419
+ {
420
+ group: 'Dataset 1',
421
+ value: 262,
422
+ },
423
+ {
424
+ group: 'Dataset 1',
425
+ value: 223,
426
+ },
427
+ {
428
+ group: 'Dataset 1',
429
+ value: 218,
430
+ },
431
+ {
432
+ group: 'Dataset 1',
433
+ value: 333,
434
+ },
435
+ {
436
+ group: 'Dataset 1',
437
+ value: 385,
438
+ },
439
+ {
440
+ group: 'Dataset 1',
441
+ value: 300,
442
+ },
443
+ {
444
+ group: 'Dataset 1',
445
+ value: 400,
446
+ },
447
+ {
448
+ group: 'Dataset 1',
449
+ value: 430,
450
+ },
451
+ {
452
+ group: 'Dataset 1',
453
+ value: 444,
454
+ },
455
+ {
456
+ group: 'Dataset 1',
457
+ value: 433,
458
+ },
459
+ {
460
+ group: 'Dataset 1',
461
+ value: 450,
462
+ },
463
+ {
464
+ group: 'Dataset 1',
465
+ value: 375,
466
+ },
467
+ {
468
+ group: 'Dataset 1',
469
+ value: 455,
470
+ },
471
+ {
472
+ group: 'Dataset 1',
473
+ value: 458,
474
+ },
475
+ {
476
+ group: 'Dataset 1',
477
+ value: 460,
478
+ },
479
+ {
480
+ group: 'Dataset 1',
481
+ value: 477,
482
+ },
483
+ {
484
+ group: 'Dataset 1',
485
+ value: 480,
486
+ },
487
+ {
488
+ group: 'Dataset 1',
489
+ value: 484,
490
+ },
491
+ {
492
+ group: 'Dataset 1',
493
+ value: 400,
494
+ },
495
+ {
496
+ group: 'Dataset 1',
497
+ value: 430,
498
+ },
499
+ {
500
+ group: 'Dataset 1',
501
+ value: 450,
502
+ },
503
+ {
504
+ group: 'Dataset 1',
505
+ value: 480,
506
+ },
507
+ {
508
+ group: 'Dataset 1',
509
+ value: 500,
510
+ },
511
+ {
512
+ group: 'Dataset 1',
513
+ value: 550,
514
+ },
515
+ {
516
+ group: 'Dataset 1',
517
+ value: 660,
518
+ },
519
+ {
520
+ group: 'Dataset 1',
521
+ value: 618,
522
+ },
523
+ {
524
+ group: 'Dataset 1',
525
+ value: 720,
526
+ },
527
+ {
528
+ group: 'Dataset 1',
529
+ value: 621,
530
+ },
531
+ {
532
+ group: 'Dataset 1',
533
+ value: 823,
534
+ },
535
+ {
536
+ group: 'Dataset 1',
537
+ value: 525,
538
+ },
539
+ {
540
+ group: 'Dataset 1',
541
+ value: 630,
542
+ },
543
+ {
544
+ group: 'Dataset 1',
545
+ value: 635,
546
+ },
547
+ {
548
+ group: 'Dataset 1',
549
+ value: 637,
550
+ },
551
+ {
552
+ group: 'Dataset 1',
553
+ value: 644,
554
+ },
555
+ {
556
+ group: 'Dataset 1',
557
+ value: 580,
558
+ },
559
+ {
560
+ group: 'Dataset 1',
561
+ value: 570,
562
+ },
563
+ {
564
+ group: 'Dataset 1',
565
+ value: 575,
566
+ },
567
+ {
568
+ group: 'Dataset 1',
569
+ value: 578,
570
+ },
571
+ {
572
+ group: 'Dataset 1',
573
+ value: 582,
574
+ },
575
+ {
576
+ group: 'Dataset 1',
577
+ value: 591,
578
+ },
579
+ {
580
+ group: 'Dataset 1',
581
+ value: 700,
582
+ },
583
+ {
584
+ group: 'Dataset 1',
585
+ value: 780,
586
+ },
587
+ {
588
+ group: 'Dataset 1',
589
+ value: 710,
590
+ },
591
+ {
592
+ group: 'Dataset 1',
593
+ value: 750,
594
+ },
595
+ {
596
+ group: 'Dataset 1',
597
+ value: 830,
598
+ },
599
+ {
600
+ group: 'Dataset 1',
601
+ value: 860,
602
+ },
603
+ {
604
+ group: 'Dataset 1',
605
+ value: 870,
606
+ },
607
+ ],
608
+ options: {
609
+ title: 'Histogram (defined bins number) (linear)',
610
+ axes: {
611
+ bottom: {
612
+ title: 'US $ (million)',
613
+ mapsTo: 'value',
614
+ bins: 67,
615
+ limitDomainToBins: true,
616
+ },
617
+ left: {
618
+ title: 'No. of transactions',
619
+ scaleType: 'linear',
620
+ binned: true,
621
+ },
622
+ },
623
+ height: '400px',
624
+ },
625
+ };
628
626
 
629
- // export const HistogramDefinedBinsLinear = Template.bind({});
630
- // HistogramDefinedBinsLinear.args = {
631
- // isInverse: false,
632
- // type: CarbonChartType.histogram,
633
- // dataSet: [
634
- // {
635
- // group: 'Dataset 1',
636
- // age: 20,
637
- // },
638
- // {
639
- // group: 'Dataset 2',
640
- // age: 21,
641
- // },
642
- // {
643
- // group: 'Dataset 2',
644
- // age: 23,
645
- // },
646
- // {
647
- // group: 'Dataset 3',
648
- // age: 21,
649
- // },
650
- // {
651
- // group: 'Dataset 3',
652
- // age: 23,
653
- // },
654
- // {
655
- // group: 'Dataset 3',
656
- // age: 24,
657
- // },
658
- // {
659
- // group: 'Dataset 1',
660
- // age: 30,
661
- // },
662
- // {
663
- // group: 'Dataset 2',
664
- // age: 34,
665
- // },
666
- // {
667
- // group: 'Dataset 1',
668
- // age: 35,
669
- // },
670
- // {
671
- // group: 'Dataset 3',
672
- // age: 30,
673
- // },
674
- // {
675
- // group: 'Dataset 1',
676
- // age: 40,
677
- // },
678
- // {
679
- // group: 'Dataset 2',
680
- // age: 43,
681
- // },
682
- // {
683
- // group: 'Dataset 1',
684
- // age: 45,
685
- // },
686
- // {
687
- // group: 'Dataset 1',
688
- // age: 46,
689
- // },
690
- // {
691
- // group: 'Dataset 3',
692
- // age: 40,
693
- // },
694
- // {
695
- // group: 'Dataset 3',
696
- // age: 43,
697
- // },
698
- // {
699
- // group: 'Dataset 3',
700
- // age: 45,
701
- // },
702
- // {
703
- // group: 'Dataset 1',
704
- // age: 48,
705
- // },
706
- // {
707
- // group: 'Dataset 1',
708
- // age: 50,
709
- // },
710
- // {
711
- // group: 'Dataset 2',
712
- // age: 55,
713
- // },
714
- // {
715
- // group: 'Dataset 2',
716
- // age: 66,
717
- // },
718
- // {
719
- // group: 'Dataset 2',
720
- // age: 58,
721
- // },
722
- // {
723
- // group: 'Dataset 1',
724
- // age: 70,
725
- // },
726
- // {
727
- // group: 'Dataset 1',
728
- // age: 78,
729
- // },
730
- // {
731
- // group: 'Dataset 3',
732
- // age: 71,
733
- // },
734
- // {
735
- // group: 'Dataset 3',
736
- // age: 75,
737
- // },
738
- // {
739
- // group: 'Dataset 2',
740
- // age: 83,
741
- // },
742
- // {
743
- // group: 'Dataset 2',
744
- // age: 86,
745
- // },
746
- // {
747
- // group: 'Dataset 1',
748
- // age: 87,
749
- // },
750
- // ],
751
- // options: {
752
- // title: 'Histogram (defined bins) (linear)',
753
- // axes: {
754
- // bottom: {
755
- // title: 'Age',
756
- // mapsTo: 'age',
757
- // bins: [20, 40, 50, 60, 90],
758
- // limitDomainToBins: true,
759
- // },
760
- // left: {
761
- // title: 'No. of participants',
762
- // scaleType: 'linear',
763
- // stacked: true,
764
- // binned: true,
765
- // },
766
- // },
767
- // height: '400px',
768
- // },
769
- // };
627
+ export const HistogramDefinedBinsLinear = Template.bind({});
628
+ HistogramDefinedBinsLinear.args = {
629
+ isInverse: false,
630
+ type: CarbonChartType.histogram,
631
+ dataSet: [
632
+ {
633
+ group: 'Dataset 1',
634
+ age: 20,
635
+ },
636
+ {
637
+ group: 'Dataset 2',
638
+ age: 21,
639
+ },
640
+ {
641
+ group: 'Dataset 2',
642
+ age: 23,
643
+ },
644
+ {
645
+ group: 'Dataset 3',
646
+ age: 21,
647
+ },
648
+ {
649
+ group: 'Dataset 3',
650
+ age: 23,
651
+ },
652
+ {
653
+ group: 'Dataset 3',
654
+ age: 24,
655
+ },
656
+ {
657
+ group: 'Dataset 1',
658
+ age: 30,
659
+ },
660
+ {
661
+ group: 'Dataset 2',
662
+ age: 34,
663
+ },
664
+ {
665
+ group: 'Dataset 1',
666
+ age: 35,
667
+ },
668
+ {
669
+ group: 'Dataset 3',
670
+ age: 30,
671
+ },
672
+ {
673
+ group: 'Dataset 1',
674
+ age: 40,
675
+ },
676
+ {
677
+ group: 'Dataset 2',
678
+ age: 43,
679
+ },
680
+ {
681
+ group: 'Dataset 1',
682
+ age: 45,
683
+ },
684
+ {
685
+ group: 'Dataset 1',
686
+ age: 46,
687
+ },
688
+ {
689
+ group: 'Dataset 3',
690
+ age: 40,
691
+ },
692
+ {
693
+ group: 'Dataset 3',
694
+ age: 43,
695
+ },
696
+ {
697
+ group: 'Dataset 3',
698
+ age: 45,
699
+ },
700
+ {
701
+ group: 'Dataset 1',
702
+ age: 48,
703
+ },
704
+ {
705
+ group: 'Dataset 1',
706
+ age: 50,
707
+ },
708
+ {
709
+ group: 'Dataset 2',
710
+ age: 55,
711
+ },
712
+ {
713
+ group: 'Dataset 2',
714
+ age: 66,
715
+ },
716
+ {
717
+ group: 'Dataset 2',
718
+ age: 58,
719
+ },
720
+ {
721
+ group: 'Dataset 1',
722
+ age: 70,
723
+ },
724
+ {
725
+ group: 'Dataset 1',
726
+ age: 78,
727
+ },
728
+ {
729
+ group: 'Dataset 3',
730
+ age: 71,
731
+ },
732
+ {
733
+ group: 'Dataset 3',
734
+ age: 75,
735
+ },
736
+ {
737
+ group: 'Dataset 2',
738
+ age: 83,
739
+ },
740
+ {
741
+ group: 'Dataset 2',
742
+ age: 86,
743
+ },
744
+ {
745
+ group: 'Dataset 1',
746
+ age: 87,
747
+ },
748
+ ],
749
+ options: {
750
+ title: 'Histogram (defined bins) (linear)',
751
+ axes: {
752
+ bottom: {
753
+ title: 'Age',
754
+ mapsTo: 'age',
755
+ bins: [20, 40, 50, 60, 90],
756
+ limitDomainToBins: true,
757
+ },
758
+ left: {
759
+ title: 'No. of participants',
760
+ scaleType: 'linear',
761
+ stacked: true,
762
+ binned: true,
763
+ },
764
+ },
765
+ height: '400px',
766
+ },
767
+ };