@@ -117,16 +117,14 @@ module.exports = function plot(gd, cdModule, transitionOpts, makeOnCompleteCallb
117
117
118
118
if ( ! hasGauge ) {
119
119
// when no gauge, we are only constrained by figure size
120
+ bignumberFontSize = Math . min ( size . w / ( fmt ( trace . max ) . length ) , size . h / 3 ) ;
120
121
if ( hasBigNumber ) {
121
122
// Center the text vertically
122
- bignumberFontSize = Math . min ( size . w / ( fmt ( trace . max ) . length ) , size . h / 3 ) ;
123
123
deltaFontSize = 0.5 * bignumberFontSize ;
124
124
bignumberY = size . t + size . h / 2 ;
125
125
deltaY = Math . min ( size . t + size . h / 2 + bignumberFontSize / 2 + deltaFontSize / 2 ) ;
126
126
} else {
127
- bignumberFontSize = Math . min ( size . w / ( fmt ( trace . max ) . length + 1 ) , size . h / 3 ) ;
128
127
deltaFontSize = bignumberFontSize ;
129
- bignumberY = 0 ;
130
128
deltaY = size . t + size . h / 2 ;
131
129
}
132
130
titleFontSize = 0.35 * bignumberFontSize ;
@@ -332,91 +330,6 @@ module.exports = function plot(gd, cdModule, transitionOpts, makeOnCompleteCallb
332
330
threshold . exit ( ) . remove ( ) ;
333
331
334
332
// Draw bullet
335
- // if(isBullet) {
336
- // var mockFigure = {
337
- // data: [],
338
- // layout: {
339
- // xaxis: {
340
- // type: 'linear',
341
- // domain: [0, 1],
342
- // range: [trace.min, trace.max],
343
- // },
344
- // yaxis: {
345
- // type: 'linear',
346
- // range: [-0.5, 0.5]
347
- // },
348
- // width: fullLayout.width,
349
- // height: 25,
350
- // margin: { t: 0, b: 0, l: size.l, r: size.r },
351
- // paper_bgcolor: 'rgba(0, 0, 0, 0)'
352
- // },
353
- // _context: gd._context
354
- // };
355
- //
356
- // Plots.supplyDefaults(mockFigure);
357
- //
358
- // var xa = mockFigure._fullLayout.xaxis;
359
- // var ya = mockFigure._fullLayout.yaxis;
360
- //
361
- // xa.clearCalc();
362
- // xa.setScale();
363
- // ya.clearCalc();
364
- // ya.setScale();
365
- //
366
- // var plotinfo = {
367
- // xaxis: xa,
368
- // yaxis: ya
369
- // };
370
- // var opts = {
371
- // mode: 'overlay'
372
- // };
373
- // var barWidth = -0.5;
374
- // var cdBarModule = [[{
375
- // i: 0,
376
- // text: 'max',
377
- // mlw: 1,
378
- // s: 0,
379
- // p: 0,
380
- // p0: -barWidth,
381
- // p1: barWidth,
382
- // s0: 0,
383
- // s1: trace.max,
384
- // trace: {orientation: 'h', marker: {color: 'red'}}
385
- // }, {
386
- // i: 0,
387
- // text: 'value',
388
- // mlw: 1,
389
- // p: 0,
390
- // s: trace.target,
391
- // p0: -barWidth,
392
- // p1: barWidth,
393
- // s0: 0,
394
- // s1: trace.target,
395
- // trace: {orientation: 'h', marker: {color: 'red'}}
396
- // }, {
397
- // i: 0,
398
- // text: 'value',
399
- // mlw: 1,
400
- // p: 0,
401
- // s: cd0.y,
402
- // p0: -0.75 * barWidth,
403
- // p1: 0.75 * barWidth,
404
- // s0: 0,
405
- // s1: cd0.y,
406
- // trace: {orientation: 'h', marker: {color: 'red'}}
407
- // }]];
408
- // barPlot(gd, plotinfo, cdBarModule, fullLayout._cartesianlayer, opts);
409
- //
410
- // var bars = fullLayout._cartesianlayer.select('.bars');
411
- // bars.attr('transform', 'translate(' + size.l + ',' + 0.95 * size.h + ')');
412
- // bars.selectAll('path').each(function(d, i) {
413
- // var colors = {2: 'green', 1: 'rgba(255, 255, 0, 0.5)', 0: 'rgba(255, 255, 255, 0.25)'};
414
- // d3.select(this).style('fill', colors[i]);
415
- // });
416
- //
417
- // Axes.drawOne(gd, xa);
418
- // Axes.drawOne(gd, ya);
419
- // }
420
333
data = cd . filter ( function ( ) { return isBullet ; } ) ;
421
334
var innerBulletHeight = trace . gauge . value . size * bulletHeight ;
422
335
var bulletVerticalMargin = bignumberY - bulletHeight / 2 ;
@@ -478,7 +391,7 @@ module.exports = function plot(gd, cdModule, transitionOpts, makeOnCompleteCallb
478
391
threshold . exit ( ) . remove ( ) ;
479
392
480
393
// Draw x axis and ticks
481
- // TODO: reuse axis logic
394
+ // TODO: reuse axis logic, draw axis for angular gauge
482
395
var xaxis = bullet . selectAll ( 'g.xaxislayer-above' ) . data ( cd ) ;
483
396
xaxis . enter ( ) . append ( 'g' ) . classed ( 'xaxislayer-above' , true ) ;
484
397
var ticksPos = [ trace . min , trace . max ] ;
@@ -521,3 +434,90 @@ function arcTween(arc, endAngle, newAngle) {
521
434
} ;
522
435
} ;
523
436
}
437
+
438
+ // Draw bullet
439
+ // if(isBullet) {
440
+ // var mockFigure = {
441
+ // data: [],
442
+ // layout: {
443
+ // xaxis: {
444
+ // type: 'linear',
445
+ // domain: [0, 1],
446
+ // range: [trace.min, trace.max],
447
+ // },
448
+ // yaxis: {
449
+ // type: 'linear',
450
+ // range: [-0.5, 0.5]
451
+ // },
452
+ // width: fullLayout.width,
453
+ // height: 25,
454
+ // margin: { t: 0, b: 0, l: size.l, r: size.r },
455
+ // paper_bgcolor: 'rgba(0, 0, 0, 0)'
456
+ // },
457
+ // _context: gd._context
458
+ // };
459
+ //
460
+ // Plots.supplyDefaults(mockFigure);
461
+ //
462
+ // var xa = mockFigure._fullLayout.xaxis;
463
+ // var ya = mockFigure._fullLayout.yaxis;
464
+ //
465
+ // xa.clearCalc();
466
+ // xa.setScale();
467
+ // ya.clearCalc();
468
+ // ya.setScale();
469
+ //
470
+ // var plotinfo = {
471
+ // xaxis: xa,
472
+ // yaxis: ya
473
+ // };
474
+ // var opts = {
475
+ // mode: 'overlay'
476
+ // };
477
+ // var barWidth = -0.5;
478
+ // var cdBarModule = [[{
479
+ // i: 0,
480
+ // text: 'max',
481
+ // mlw: 1,
482
+ // s: 0,
483
+ // p: 0,
484
+ // p0: -barWidth,
485
+ // p1: barWidth,
486
+ // s0: 0,
487
+ // s1: trace.max,
488
+ // trace: {orientation: 'h', marker: {color: 'red'}}
489
+ // }, {
490
+ // i: 0,
491
+ // text: 'value',
492
+ // mlw: 1,
493
+ // p: 0,
494
+ // s: trace.target,
495
+ // p0: -barWidth,
496
+ // p1: barWidth,
497
+ // s0: 0,
498
+ // s1: trace.target,
499
+ // trace: {orientation: 'h', marker: {color: 'red'}}
500
+ // }, {
501
+ // i: 0,
502
+ // text: 'value',
503
+ // mlw: 1,
504
+ // p: 0,
505
+ // s: cd0.y,
506
+ // p0: -0.75 * barWidth,
507
+ // p1: 0.75 * barWidth,
508
+ // s0: 0,
509
+ // s1: cd0.y,
510
+ // trace: {orientation: 'h', marker: {color: 'red'}}
511
+ // }]];
512
+ // barPlot(gd, plotinfo, cdBarModule, fullLayout._cartesianlayer, opts);
513
+ //
514
+ // var bars = fullLayout._cartesianlayer.select('.bars');
515
+ // bars.attr('transform', 'translate(' + size.l + ',' + 0.95 * size.h + ')');
516
+ // bars.selectAll('path').each(function(d, i) {
517
+ // var colors = {2: 'green', 1: 'rgba(255, 255, 0, 0.5)', 0: 'rgba(255, 255, 255, 0.25)'};
518
+ // d3.select(this).style('fill', colors[i]);
519
+ // });
520
+ //
521
+ // Axes.drawOne(gd, xa);
522
+ // Axes.drawOne(gd, ya);
523
+ // }
0 commit comments