@carbon/charts-vue 1.6.7 → 1.6.8
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.
- package/CHANGELOG.md +8 -0
- package/charts-vue.common.js +72 -64
- package/charts-vue.common.js.map +1 -1
- package/charts-vue.umd.js +72 -64
- package/charts-vue.umd.js.map +1 -1
- package/charts-vue.umd.min.js +1 -1
- package/charts-vue.umd.min.js.map +1 -1
- package/package.json +2 -2
package/charts-vue.umd.js
CHANGED
|
@@ -29452,70 +29452,78 @@ var gauge_Gauge = /** @class */ (function (_super) {
|
|
|
29452
29452
|
var svg = this.getComponentContainer();
|
|
29453
29453
|
var options = this.getOptions();
|
|
29454
29454
|
var delta = this.getDelta();
|
|
29455
|
-
|
|
29456
|
-
|
|
29457
|
-
|
|
29458
|
-
|
|
29459
|
-
|
|
29460
|
-
|
|
29461
|
-
|
|
29462
|
-
|
|
29463
|
-
|
|
29464
|
-
|
|
29465
|
-
|
|
29466
|
-
|
|
29467
|
-
|
|
29468
|
-
|
|
29469
|
-
|
|
29470
|
-
|
|
29471
|
-
|
|
29472
|
-
|
|
29473
|
-
|
|
29474
|
-
.
|
|
29475
|
-
|
|
29476
|
-
.
|
|
29477
|
-
.
|
|
29478
|
-
|
|
29479
|
-
.
|
|
29480
|
-
|
|
29481
|
-
|
|
29482
|
-
|
|
29483
|
-
|
|
29484
|
-
|
|
29485
|
-
|
|
29486
|
-
|
|
29487
|
-
|
|
29488
|
-
|
|
29489
|
-
.
|
|
29490
|
-
|
|
29491
|
-
.
|
|
29492
|
-
|
|
29493
|
-
|
|
29494
|
-
|
|
29495
|
-
|
|
29496
|
-
|
|
29497
|
-
|
|
29498
|
-
|
|
29499
|
-
|
|
29500
|
-
|
|
29501
|
-
|
|
29502
|
-
|
|
29503
|
-
|
|
29504
|
-
|
|
29505
|
-
|
|
29506
|
-
|
|
29507
|
-
|
|
29508
|
-
|
|
29509
|
-
|
|
29510
|
-
|
|
29511
|
-
|
|
29512
|
-
.
|
|
29513
|
-
|
|
29514
|
-
|
|
29515
|
-
|
|
29516
|
-
|
|
29517
|
-
|
|
29518
|
-
|
|
29455
|
+
if (!delta) {
|
|
29456
|
+
var deltaGroup = svg.select('g.gauge-delta');
|
|
29457
|
+
if (!deltaGroup.empty()) {
|
|
29458
|
+
deltaGroup.remove();
|
|
29459
|
+
}
|
|
29460
|
+
}
|
|
29461
|
+
else {
|
|
29462
|
+
// Sizing and positions relative to the radius
|
|
29463
|
+
var radius = this.computeRadius();
|
|
29464
|
+
var deltaFontSize = delta
|
|
29465
|
+
? tools_Tools.getProperty(options, 'gauge', 'deltaFontSize')
|
|
29466
|
+
: function () { return 0; };
|
|
29467
|
+
// use numberFormatter here only if there is a delta supplied
|
|
29468
|
+
var numberFormatter_1 = delta
|
|
29469
|
+
? tools_Tools.getProperty(options, 'gauge', 'numberFormatter')
|
|
29470
|
+
: function () { return null; };
|
|
29471
|
+
var arrowSize = tools_Tools.getProperty(options, 'gauge', 'deltaArrow', 'size');
|
|
29472
|
+
var numberSpacing = tools_Tools.getProperty(options, 'gauge', 'numberSpacing');
|
|
29473
|
+
var showPercentageSymbol = tools_Tools.getProperty(options, 'gauge', 'showPercentageSymbol');
|
|
29474
|
+
var numbersGroup = dom_utils_DOMUtils.appendOrSelect(svg, 'g.gauge-numbers');
|
|
29475
|
+
// Add the smaller number of the delta
|
|
29476
|
+
var deltaGroup = dom_utils_DOMUtils.appendOrSelect(numbersGroup, 'g.gauge-delta').attr('transform', "translate(0, " + (deltaFontSize(radius) + numberSpacing) + ")");
|
|
29477
|
+
var deltaNumber = dom_utils_DOMUtils.appendOrSelect(deltaGroup, 'text.gauge-delta-number');
|
|
29478
|
+
var gaugeSymbol_1 = showPercentageSymbol ? '%' : '';
|
|
29479
|
+
deltaNumber.data(delta === null ? [] : [delta]);
|
|
29480
|
+
deltaNumber
|
|
29481
|
+
.enter()
|
|
29482
|
+
.append('text')
|
|
29483
|
+
.classed('gauge-delta-number', true)
|
|
29484
|
+
.merge(deltaNumber)
|
|
29485
|
+
.attr('text-anchor', 'middle')
|
|
29486
|
+
.style('font-size', deltaFontSize(radius) + "px")
|
|
29487
|
+
.text(function (d) { return "" + numberFormatter_1(d) + gaugeSymbol_1; });
|
|
29488
|
+
// Add the caret for the delta number
|
|
29489
|
+
var deltaNumberWidth = dom_utils_DOMUtils.getSVGElementSize(dom_utils_DOMUtils.appendOrSelect(svg, '.gauge-delta-number'), { useBBox: true }).width;
|
|
29490
|
+
// check if delta arrow is disabled
|
|
29491
|
+
var arrowEnabled = tools_Tools.getProperty(options, 'gauge', 'deltaArrow', 'enabled');
|
|
29492
|
+
var deltaArrow = deltaGroup
|
|
29493
|
+
.selectAll('svg.gauge-delta-arrow')
|
|
29494
|
+
.data(delta !== null && arrowEnabled ? [delta] : []);
|
|
29495
|
+
deltaArrow
|
|
29496
|
+
.enter()
|
|
29497
|
+
.append('svg')
|
|
29498
|
+
.merge(deltaArrow)
|
|
29499
|
+
.attr('class', 'gauge-delta-arrow')
|
|
29500
|
+
.attr('x', -arrowSize(radius) - deltaNumberWidth / 2)
|
|
29501
|
+
.attr('y', -arrowSize(radius) / 2 - deltaFontSize(radius) * 0.35)
|
|
29502
|
+
.attr('width', arrowSize(radius))
|
|
29503
|
+
.attr('height', arrowSize(radius))
|
|
29504
|
+
.attr('viewBox', '0 0 16 16')
|
|
29505
|
+
/*
|
|
29506
|
+
* using .each() here to ensure that the below function runs
|
|
29507
|
+
* after svg.gauge-delta-arrow has been mounted onto the DOM
|
|
29508
|
+
*/
|
|
29509
|
+
.each(function () {
|
|
29510
|
+
var deltaArrowSelection = src_select(this);
|
|
29511
|
+
// Needed to correctly size SVG in Firefox
|
|
29512
|
+
dom_utils_DOMUtils.appendOrSelect(deltaArrowSelection, 'rect.gauge-delta-arrow-backdrop')
|
|
29513
|
+
.attr('width', '16')
|
|
29514
|
+
.attr('height', '16')
|
|
29515
|
+
.attr('fill', 'none');
|
|
29516
|
+
// Draw the arrow with status
|
|
29517
|
+
var status = tools_Tools.getProperty(options, 'gauge', 'status');
|
|
29518
|
+
dom_utils_DOMUtils.appendOrSelect(deltaArrowSelection, 'polygon.gauge-delta-arrow')
|
|
29519
|
+
.attr('class', status !== null
|
|
29520
|
+
? "gauge-delta-arrow status--" + status
|
|
29521
|
+
: '')
|
|
29522
|
+
.attr('points', self.getArrow(delta));
|
|
29523
|
+
});
|
|
29524
|
+
deltaArrow.exit().remove();
|
|
29525
|
+
deltaNumber.exit().remove();
|
|
29526
|
+
}
|
|
29519
29527
|
};
|
|
29520
29528
|
Gauge.prototype.getInnerRadius = function () {
|
|
29521
29529
|
// Compute the outer radius needed
|