@react-magma/charts 12.0.0-next.1 → 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 +5 -2
  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 +5 -5
  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/CarbonChartBubble.stories.tsx CHANGED
@@ -125,484 +125,482 @@ BubbleLinear.args = {
125
125
  },
126
126
  };
127
127
 
128
- // Uncomment when adding new charts. Issues: #1054, #1055, #1056
129
-
130
- // export const BubbleTimeSeries = Template.bind({});
131
- // BubbleTimeSeries.args = {
132
- // isInverse: false,
133
- // type: CarbonChartType.bubble,
134
- // dataSet: [
135
- // {
136
- // group: 'Dataset 1',
137
- // date: '2023-01-01',
138
- // value: 50000,
139
- // surplus: 1108792759.4591982,
140
- // },
141
- // {
142
- // group: 'Dataset 1',
143
- // date: '2023-01-05',
144
- // value: 65000,
145
- // surplus: 590247271.3872744,
146
- // },
147
- // {
148
- // group: 'Dataset 1',
149
- // date: '2023-01-08',
150
- // value: null,
151
- // surplus: 9219.520929038921,
152
- // },
153
- // {
154
- // group: 'Dataset 1',
155
- // date: '2023-01-13',
156
- // value: 49213,
157
- // surplus: 1144546546.5725653,
158
- // },
159
- // {
160
- // group: 'Dataset 1',
161
- // date: '2023-01-17',
162
- // value: 51213,
163
- // surplus: 1206431312.2321992,
164
- // },
165
- // {
166
- // group: 'Dataset 2',
167
- // date: '2023-01-02',
168
- // value: 0,
169
- // surplus: 9107.915339546651,
170
- // },
171
- // {
172
- // group: 'Dataset 2',
173
- // date: '2023-01-06',
174
- // value: 57312,
175
- // surplus: 1297879289.3455367,
176
- // },
177
- // {
178
- // group: 'Dataset 2',
179
- // date: '2023-01-08',
180
- // value: 27432,
181
- // surplus: 254653461.2692332,
182
- // },
183
- // {
184
- // group: 'Dataset 2',
185
- // date: '2023-01-15',
186
- // value: 70323,
187
- // surplus: 791440614.5922209,
188
- // },
189
- // {
190
- // group: 'Dataset 2',
191
- // date: '2023-01-19',
192
- // value: 21300,
193
- // surplus: 87235499.55803385,
194
- // },
195
- // {
196
- // group: 'Dataset 3',
197
- // date: '2023-01-01',
198
- // value: 40000,
199
- // surplus: 99661858.42808129,
200
- // },
201
- // {
202
- // group: 'Dataset 3',
203
- // date: '2023-01-05',
204
- // value: null,
205
- // surplus: 4582.283257286785,
206
- // },
207
- // {
208
- // group: 'Dataset 3',
209
- // date: '2023-01-08',
210
- // value: 18000,
211
- // surplus: 388038660.7993739,
212
- // },
213
- // {
214
- // group: 'Dataset 3',
215
- // date: '2023-01-13',
216
- // value: 39213,
217
- // surplus: 281485241.99383223,
218
- // },
219
- // {
220
- // group: 'Dataset 3',
221
- // date: '2023-01-17',
222
- // value: 61213,
223
- // surplus: 77655008.12585072,
224
- // },
225
- // {
226
- // group: 'Dataset 4',
227
- // date: '2023-01-02',
228
- // value: 20000,
229
- // surplus: 138468385.58061224,
230
- // },
231
- // {
232
- // group: 'Dataset 4',
233
- // date: '2023-01-06',
234
- // value: 37312,
235
- // surplus: 703848952.2932228,
236
- // },
237
- // {
238
- // group: 'Dataset 4',
239
- // date: '2023-01-08',
240
- // value: 51432,
241
- // surplus: 721135448.0965896,
242
- // },
243
- // {
244
- // group: 'Dataset 4',
245
- // date: '2023-01-15',
246
- // value: 25332,
247
- // surplus: 524200058.75680393,
248
- // },
249
- // {
250
- // group: 'Dataset 4',
251
- // date: '2023-01-19',
252
- // value: null,
253
- // surplus: 4347.704175756872,
254
- // },
255
- // ],
256
- // options: {
257
- // title: 'Bubble (time series)',
258
- // axes: {
259
- // bottom: {
260
- // title: '2023 Annual Sales Figures',
261
- // scaleType: 'time',
262
- // mapsTo: 'date',
263
- // },
264
- // left: {
265
- // mapsTo: 'value',
266
- // },
267
- // },
268
- // bubble: {
269
- // radiusMapsTo: 'surplus',
270
- // },
271
- // height: '400px',
272
- // },
273
- // };
128
+ export const BubbleTimeSeries = Template.bind({});
129
+ BubbleTimeSeries.args = {
130
+ isInverse: false,
131
+ type: CarbonChartType.bubble,
132
+ dataSet: [
133
+ {
134
+ group: 'Dataset 1',
135
+ date: '2023-01-01',
136
+ value: 50000,
137
+ surplus: 1108792759.4591982,
138
+ },
139
+ {
140
+ group: 'Dataset 1',
141
+ date: '2023-01-05',
142
+ value: 65000,
143
+ surplus: 590247271.3872744,
144
+ },
145
+ {
146
+ group: 'Dataset 1',
147
+ date: '2023-01-08',
148
+ value: null,
149
+ surplus: 9219.520929038921,
150
+ },
151
+ {
152
+ group: 'Dataset 1',
153
+ date: '2023-01-13',
154
+ value: 49213,
155
+ surplus: 1144546546.5725653,
156
+ },
157
+ {
158
+ group: 'Dataset 1',
159
+ date: '2023-01-17',
160
+ value: 51213,
161
+ surplus: 1206431312.2321992,
162
+ },
163
+ {
164
+ group: 'Dataset 2',
165
+ date: '2023-01-02',
166
+ value: 0,
167
+ surplus: 9107.915339546651,
168
+ },
169
+ {
170
+ group: 'Dataset 2',
171
+ date: '2023-01-06',
172
+ value: 57312,
173
+ surplus: 1297879289.3455367,
174
+ },
175
+ {
176
+ group: 'Dataset 2',
177
+ date: '2023-01-08',
178
+ value: 27432,
179
+ surplus: 254653461.2692332,
180
+ },
181
+ {
182
+ group: 'Dataset 2',
183
+ date: '2023-01-15',
184
+ value: 70323,
185
+ surplus: 791440614.5922209,
186
+ },
187
+ {
188
+ group: 'Dataset 2',
189
+ date: '2023-01-19',
190
+ value: 21300,
191
+ surplus: 87235499.55803385,
192
+ },
193
+ {
194
+ group: 'Dataset 3',
195
+ date: '2023-01-01',
196
+ value: 40000,
197
+ surplus: 99661858.42808129,
198
+ },
199
+ {
200
+ group: 'Dataset 3',
201
+ date: '2023-01-05',
202
+ value: null,
203
+ surplus: 4582.283257286785,
204
+ },
205
+ {
206
+ group: 'Dataset 3',
207
+ date: '2023-01-08',
208
+ value: 18000,
209
+ surplus: 388038660.7993739,
210
+ },
211
+ {
212
+ group: 'Dataset 3',
213
+ date: '2023-01-13',
214
+ value: 39213,
215
+ surplus: 281485241.99383223,
216
+ },
217
+ {
218
+ group: 'Dataset 3',
219
+ date: '2023-01-17',
220
+ value: 61213,
221
+ surplus: 77655008.12585072,
222
+ },
223
+ {
224
+ group: 'Dataset 4',
225
+ date: '2023-01-02',
226
+ value: 20000,
227
+ surplus: 138468385.58061224,
228
+ },
229
+ {
230
+ group: 'Dataset 4',
231
+ date: '2023-01-06',
232
+ value: 37312,
233
+ surplus: 703848952.2932228,
234
+ },
235
+ {
236
+ group: 'Dataset 4',
237
+ date: '2023-01-08',
238
+ value: 51432,
239
+ surplus: 721135448.0965896,
240
+ },
241
+ {
242
+ group: 'Dataset 4',
243
+ date: '2023-01-15',
244
+ value: 25332,
245
+ surplus: 524200058.75680393,
246
+ },
247
+ {
248
+ group: 'Dataset 4',
249
+ date: '2023-01-19',
250
+ value: null,
251
+ surplus: 4347.704175756872,
252
+ },
253
+ ],
254
+ options: {
255
+ title: 'Bubble (time series)',
256
+ axes: {
257
+ bottom: {
258
+ title: '2023 Annual Sales Figures',
259
+ scaleType: 'time',
260
+ mapsTo: 'date',
261
+ },
262
+ left: {
263
+ mapsTo: 'value',
264
+ },
265
+ },
266
+ bubble: {
267
+ radiusMapsTo: 'surplus',
268
+ },
269
+ height: '400px',
270
+ },
271
+ };
274
272
 
275
- // export const BubbleDiscrete = Template.bind({});
276
- // BubbleDiscrete.args = {
277
- // isInverse: false,
278
- // type: CarbonChartType.bubble,
279
- // dataSet: [
280
- // {
281
- // group: 'Dataset 1',
282
- // key: 'Qty',
283
- // value: 8000,
284
- // surplus: 50000,
285
- // },
286
- // {
287
- // group: 'Dataset 1',
288
- // key: 'More',
289
- // value: 23500,
290
- // surplus: 15000,
291
- // },
292
- // {
293
- // group: 'Dataset 1',
294
- // key: 'Sold',
295
- // value: 53100,
296
- // surplus: 32000,
297
- // },
298
- // {
299
- // group: 'Dataset 1',
300
- // key: 'Restocking',
301
- // value: 42300,
302
- // surplus: 53000,
303
- // },
304
- // {
305
- // group: 'Dataset 1',
306
- // key: 'Misc',
307
- // value: 12300,
308
- // surplus: 34000,
309
- // },
310
- // {
311
- // group: 'Dataset 2',
312
- // key: 'Qty',
313
- // value: 34200,
314
- // surplus: 23000,
315
- // },
316
- // {
317
- // group: 'Dataset 2',
318
- // key: 'More',
319
- // value: 53200,
320
- // surplus: 31000,
321
- // },
322
- // {
323
- // group: 'Dataset 2',
324
- // key: 'Sold',
325
- // value: 42300,
326
- // surplus: 13000,
327
- // },
328
- // {
329
- // group: 'Dataset 2',
330
- // key: 'Restocking',
331
- // value: 13400,
332
- // surplus: 55000,
333
- // },
334
- // {
335
- // group: 'Dataset 2',
336
- // key: 'Misc',
337
- // value: 0,
338
- // surplus: 12000,
339
- // },
340
- // {
341
- // group: 'Dataset 3',
342
- // key: 'Qty',
343
- // value: 41200,
344
- // surplus: 32000,
345
- // },
346
- // {
347
- // group: 'Dataset 3',
348
- // key: 'More',
349
- // value: 18400,
350
- // surplus: 12000,
351
- // },
352
- // {
353
- // group: 'Dataset 3',
354
- // key: 'Sold',
355
- // value: 34210,
356
- // surplus: 18000,
357
- // },
358
- // {
359
- // group: 'Dataset 3',
360
- // key: 'Restocking',
361
- // value: 1400,
362
- // surplus: 21000,
363
- // },
364
- // {
365
- // group: 'Dataset 3',
366
- // key: 'Misc',
367
- // value: 42100,
368
- // surplus: 22000,
369
- // },
370
- // {
371
- // group: 'Dataset 4',
372
- // key: 'Qty',
373
- // value: 22000,
374
- // surplus: 32000,
375
- // },
376
- // {
377
- // group: 'Dataset 4',
378
- // key: 'More',
379
- // value: 4000,
380
- // surplus: 32000,
381
- // },
382
- // {
383
- // group: 'Dataset 4',
384
- // key: 'Sold',
385
- // value: 9000,
386
- // surplus: 43000,
387
- // },
388
- // {
389
- // group: 'Dataset 4',
390
- // key: 'Restocking',
391
- // value: 24000,
392
- // surplus: 43000,
393
- // },
394
- // {
395
- // group: 'Dataset 4',
396
- // key: 'Misc',
397
- // value: 7000,
398
- // surplus: 21000,
399
- // },
400
- // ],
401
- // options: {
402
- // title: 'Bubble (discrete)',
403
- // axes: {
404
- // bottom: {
405
- // title: '2023 Annual Sales Figures',
406
- // scaleType: 'labels',
407
- // mapsTo: 'key',
408
- // },
409
- // left: {
410
- // mapsTo: 'value',
411
- // },
412
- // },
413
- // bubble: {
414
- // radiusMapsTo: 'surplus',
415
- // },
416
- // height: '400px',
417
- // },
418
- // };
273
+ export const BubbleDiscrete = Template.bind({});
274
+ BubbleDiscrete.args = {
275
+ isInverse: false,
276
+ type: CarbonChartType.bubble,
277
+ dataSet: [
278
+ {
279
+ group: 'Dataset 1',
280
+ key: 'Qty',
281
+ value: 8000,
282
+ surplus: 50000,
283
+ },
284
+ {
285
+ group: 'Dataset 1',
286
+ key: 'More',
287
+ value: 23500,
288
+ surplus: 15000,
289
+ },
290
+ {
291
+ group: 'Dataset 1',
292
+ key: 'Sold',
293
+ value: 53100,
294
+ surplus: 32000,
295
+ },
296
+ {
297
+ group: 'Dataset 1',
298
+ key: 'Restocking',
299
+ value: 42300,
300
+ surplus: 53000,
301
+ },
302
+ {
303
+ group: 'Dataset 1',
304
+ key: 'Misc',
305
+ value: 12300,
306
+ surplus: 34000,
307
+ },
308
+ {
309
+ group: 'Dataset 2',
310
+ key: 'Qty',
311
+ value: 34200,
312
+ surplus: 23000,
313
+ },
314
+ {
315
+ group: 'Dataset 2',
316
+ key: 'More',
317
+ value: 53200,
318
+ surplus: 31000,
319
+ },
320
+ {
321
+ group: 'Dataset 2',
322
+ key: 'Sold',
323
+ value: 42300,
324
+ surplus: 13000,
325
+ },
326
+ {
327
+ group: 'Dataset 2',
328
+ key: 'Restocking',
329
+ value: 13400,
330
+ surplus: 55000,
331
+ },
332
+ {
333
+ group: 'Dataset 2',
334
+ key: 'Misc',
335
+ value: 0,
336
+ surplus: 12000,
337
+ },
338
+ {
339
+ group: 'Dataset 3',
340
+ key: 'Qty',
341
+ value: 41200,
342
+ surplus: 32000,
343
+ },
344
+ {
345
+ group: 'Dataset 3',
346
+ key: 'More',
347
+ value: 18400,
348
+ surplus: 12000,
349
+ },
350
+ {
351
+ group: 'Dataset 3',
352
+ key: 'Sold',
353
+ value: 34210,
354
+ surplus: 18000,
355
+ },
356
+ {
357
+ group: 'Dataset 3',
358
+ key: 'Restocking',
359
+ value: 1400,
360
+ surplus: 21000,
361
+ },
362
+ {
363
+ group: 'Dataset 3',
364
+ key: 'Misc',
365
+ value: 42100,
366
+ surplus: 22000,
367
+ },
368
+ {
369
+ group: 'Dataset 4',
370
+ key: 'Qty',
371
+ value: 22000,
372
+ surplus: 32000,
373
+ },
374
+ {
375
+ group: 'Dataset 4',
376
+ key: 'More',
377
+ value: 4000,
378
+ surplus: 32000,
379
+ },
380
+ {
381
+ group: 'Dataset 4',
382
+ key: 'Sold',
383
+ value: 9000,
384
+ surplus: 43000,
385
+ },
386
+ {
387
+ group: 'Dataset 4',
388
+ key: 'Restocking',
389
+ value: 24000,
390
+ surplus: 43000,
391
+ },
392
+ {
393
+ group: 'Dataset 4',
394
+ key: 'Misc',
395
+ value: 7000,
396
+ surplus: 21000,
397
+ },
398
+ ],
399
+ options: {
400
+ title: 'Bubble (discrete)',
401
+ axes: {
402
+ bottom: {
403
+ title: '2023 Annual Sales Figures',
404
+ scaleType: 'labels',
405
+ mapsTo: 'key',
406
+ },
407
+ left: {
408
+ mapsTo: 'value',
409
+ },
410
+ },
411
+ bubble: {
412
+ radiusMapsTo: 'surplus',
413
+ },
414
+ height: '400px',
415
+ },
416
+ };
419
417
 
420
- // export const BubbleDualDiscreteAxes = Template.bind({});
421
- // BubbleDualDiscreteAxes.args = {
422
- // isInverse: false,
423
- // type: CarbonChartType.bubble,
424
- // dataSet: [
425
- // {
426
- // group: '2014',
427
- // product: 'Cloud',
428
- // value: 162,
429
- // problem: 'Skills',
430
- // },
431
- // {
432
- // group: '2014',
433
- // product: 'Mainframe',
434
- // value: 340,
435
- // problem: 'Skills',
436
- // },
437
- // {
438
- // group: '2014',
439
- // product: 'Cloud',
440
- // value: 202,
441
- // problem: 'Software',
442
- // },
443
- // {
444
- // group: '2014',
445
- // product: 'Mainframe',
446
- // value: 64,
447
- // problem: 'Software',
448
- // },
449
- // {
450
- // group: '2014',
451
- // product: 'Cloud',
452
- // value: 102,
453
- // problem: 'Staffing',
454
- // },
455
- // {
456
- // group: '2014',
457
- // product: 'Mainframe',
458
- // value: 88,
459
- // problem: 'Staffing',
460
- // },
461
- // {
462
- // group: '2016',
463
- // product: 'Cloud',
464
- // value: 136,
465
- // problem: 'Skills',
466
- // },
467
- // {
468
- // group: '2016',
469
- // product: 'Mainframe',
470
- // value: 74,
471
- // problem: 'Skills',
472
- // },
473
- // {
474
- // group: '2016',
475
- // product: 'Cloud',
476
- // value: 45,
477
- // problem: 'Software',
478
- // },
479
- // {
480
- // group: '2016',
481
- // product: 'Mainframe',
482
- // value: 24,
483
- // problem: 'Software',
484
- // },
485
- // {
486
- // group: '2016',
487
- // product: 'Cloud',
488
- // value: 36,
489
- // problem: 'Staffing',
490
- // },
491
- // {
492
- // group: '2016',
493
- // product: 'Mainframe',
494
- // value: 44,
495
- // problem: 'Staffing',
496
- // },
497
- // {
498
- // group: '2018',
499
- // product: 'Cloud',
500
- // value: 78,
501
- // problem: 'Skills',
502
- // },
503
- // {
504
- // group: '2018',
505
- // product: 'Mainframe',
506
- // value: 94,
507
- // problem: 'Skills',
508
- // },
509
- // {
510
- // group: '2018',
511
- // product: 'Cloud',
512
- // value: 56,
513
- // problem: 'Software',
514
- // },
515
- // {
516
- // group: '2018',
517
- // product: 'Mainframe',
518
- // value: 104,
519
- // problem: 'Software',
520
- // },
521
- // {
522
- // group: '2018',
523
- // product: 'Cloud',
524
- // value: 146,
525
- // problem: 'Staffing',
526
- // },
527
- // {
528
- // group: '2018',
529
- // product: 'Mainframe',
530
- // value: 274,
531
- // problem: 'Staffing',
532
- // },
533
- // ],
534
- // options: {
535
- // title: 'Bubble (dual discrete axes)',
536
- // axes: {
537
- // bottom: {
538
- // title: 'Problems',
539
- // scaleType: 'labels',
540
- // mapsTo: 'problem',
541
- // },
542
- // left: {
543
- // scaleType: 'labels',
544
- // mapsTo: 'product',
545
- // title: 'Products',
546
- // },
547
- // },
548
- // bubble: {
549
- // radiusMapsTo: 'value',
550
- // },
551
- // height: '400px',
552
- // },
553
- // };
418
+ export const BubbleDualDiscreteAxes = Template.bind({});
419
+ BubbleDualDiscreteAxes.args = {
420
+ isInverse: false,
421
+ type: CarbonChartType.bubble,
422
+ dataSet: [
423
+ {
424
+ group: '2014',
425
+ product: 'Cloud',
426
+ value: 162,
427
+ problem: 'Skills',
428
+ },
429
+ {
430
+ group: '2014',
431
+ product: 'Mainframe',
432
+ value: 340,
433
+ problem: 'Skills',
434
+ },
435
+ {
436
+ group: '2014',
437
+ product: 'Cloud',
438
+ value: 202,
439
+ problem: 'Software',
440
+ },
441
+ {
442
+ group: '2014',
443
+ product: 'Mainframe',
444
+ value: 64,
445
+ problem: 'Software',
446
+ },
447
+ {
448
+ group: '2014',
449
+ product: 'Cloud',
450
+ value: 102,
451
+ problem: 'Staffing',
452
+ },
453
+ {
454
+ group: '2014',
455
+ product: 'Mainframe',
456
+ value: 88,
457
+ problem: 'Staffing',
458
+ },
459
+ {
460
+ group: '2016',
461
+ product: 'Cloud',
462
+ value: 136,
463
+ problem: 'Skills',
464
+ },
465
+ {
466
+ group: '2016',
467
+ product: 'Mainframe',
468
+ value: 74,
469
+ problem: 'Skills',
470
+ },
471
+ {
472
+ group: '2016',
473
+ product: 'Cloud',
474
+ value: 45,
475
+ problem: 'Software',
476
+ },
477
+ {
478
+ group: '2016',
479
+ product: 'Mainframe',
480
+ value: 24,
481
+ problem: 'Software',
482
+ },
483
+ {
484
+ group: '2016',
485
+ product: 'Cloud',
486
+ value: 36,
487
+ problem: 'Staffing',
488
+ },
489
+ {
490
+ group: '2016',
491
+ product: 'Mainframe',
492
+ value: 44,
493
+ problem: 'Staffing',
494
+ },
495
+ {
496
+ group: '2018',
497
+ product: 'Cloud',
498
+ value: 78,
499
+ problem: 'Skills',
500
+ },
501
+ {
502
+ group: '2018',
503
+ product: 'Mainframe',
504
+ value: 94,
505
+ problem: 'Skills',
506
+ },
507
+ {
508
+ group: '2018',
509
+ product: 'Cloud',
510
+ value: 56,
511
+ problem: 'Software',
512
+ },
513
+ {
514
+ group: '2018',
515
+ product: 'Mainframe',
516
+ value: 104,
517
+ problem: 'Software',
518
+ },
519
+ {
520
+ group: '2018',
521
+ product: 'Cloud',
522
+ value: 146,
523
+ problem: 'Staffing',
524
+ },
525
+ {
526
+ group: '2018',
527
+ product: 'Mainframe',
528
+ value: 274,
529
+ problem: 'Staffing',
530
+ },
531
+ ],
532
+ options: {
533
+ title: 'Bubble (dual discrete axes)',
534
+ axes: {
535
+ bottom: {
536
+ title: 'Problems',
537
+ scaleType: 'labels',
538
+ mapsTo: 'problem',
539
+ },
540
+ left: {
541
+ scaleType: 'labels',
542
+ mapsTo: 'product',
543
+ title: 'Products',
544
+ },
545
+ },
546
+ bubble: {
547
+ radiusMapsTo: 'value',
548
+ },
549
+ height: '400px',
550
+ },
551
+ };
554
552
 
555
- // export const BubbleEmptyState = Template.bind({});
556
- // BubbleEmptyState.args = {
557
- // isInverse: false,
558
- // type: CarbonChartType.bubble,
559
- // dataSet: [],
560
- // options: {
561
- // title: 'Bubble (empty state)',
562
- // axes: {
563
- // bottom: {
564
- // title: 'No. of employees',
565
- // mapsTo: 'sales',
566
- // includeZero: false,
567
- // },
568
- // left: {
569
- // title: 'Annual sales',
570
- // mapsTo: 'profit',
571
- // includeZero: false,
572
- // },
573
- // },
574
- // bubble: {
575
- // radiusMapsTo: 'surplus',
576
- // },
577
- // height: '400px',
578
- // },
579
- // };
553
+ export const BubbleEmptyState = Template.bind({});
554
+ BubbleEmptyState.args = {
555
+ isInverse: false,
556
+ type: CarbonChartType.bubble,
557
+ dataSet: [],
558
+ options: {
559
+ title: 'Bubble (empty state)',
560
+ axes: {
561
+ bottom: {
562
+ title: 'No. of employees',
563
+ mapsTo: 'sales',
564
+ includeZero: false,
565
+ },
566
+ left: {
567
+ title: 'Annual sales',
568
+ mapsTo: 'profit',
569
+ includeZero: false,
570
+ },
571
+ },
572
+ bubble: {
573
+ radiusMapsTo: 'surplus',
574
+ },
575
+ height: '400px',
576
+ },
577
+ };
580
578
 
581
- // export const BubbleSkeleton = Template.bind({});
582
- // BubbleSkeleton.args = {
583
- // isInverse: false,
584
- // type: CarbonChartType.bubble,
585
- // dataSet: [],
586
- // options: {
587
- // title: 'Bubble (skeleton)',
588
- // axes: {
589
- // bottom: {
590
- // title: 'No. of employees',
591
- // mapsTo: 'sales',
592
- // includeZero: false,
593
- // },
594
- // left: {
595
- // title: 'Annual sales',
596
- // mapsTo: 'profit',
597
- // includeZero: false,
598
- // },
599
- // },
600
- // bubble: {
601
- // radiusMapsTo: 'surplus',
602
- // },
603
- // data: {
604
- // loading: true,
605
- // },
606
- // height: '400px',
607
- // },
608
- // };
579
+ export const BubbleSkeleton = Template.bind({});
580
+ BubbleSkeleton.args = {
581
+ isInverse: false,
582
+ type: CarbonChartType.bubble,
583
+ dataSet: [],
584
+ options: {
585
+ title: 'Bubble (skeleton)',
586
+ axes: {
587
+ bottom: {
588
+ title: 'No. of employees',
589
+ mapsTo: 'sales',
590
+ includeZero: false,
591
+ },
592
+ left: {
593
+ title: 'Annual sales',
594
+ mapsTo: 'profit',
595
+ includeZero: false,
596
+ },
597
+ },
598
+ bubble: {
599
+ radiusMapsTo: 'surplus',
600
+ },
601
+ data: {
602
+ loading: true,
603
+ },
604
+ height: '400px',
605
+ },
606
+ };