@carbon/charts-vue 0.54.10 → 0.54.11

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.11](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.10...v0.54.11) (2022-02-02)
+
+**Note:** Version bump only for package @carbon/charts-vue
+
+
+
+
+
 ## [0.54.10](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.9...v0.54.10) (2022-01-27)
 
 **Note:** Version bump only for package @carbon/charts-vue

package/charts-vue.common.js

@@ -8759,6 +8759,7 @@ var meterChart = tools_Tools.merge({}, chart, {
         clickable: false,
     },
     meter: {
+        showLabels: true,
         proportional: null,
         statusBar: {
             percentageIndicator: {
@@ -42992,6 +42993,13 @@ var charts_meter_extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var charts_meter_spreadArrays = (undefined && undefined.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
 // Internal Imports
 
 
@@ -43018,29 +43026,41 @@ var meter_MeterChart = /** @class */ (function (_super) {
         return _this;
     }
     MeterChart.prototype.getComponents = function () {
-        // Specify what to render inside the graph only
-        var graph = {
-            id: 'meter-graph',
-            components: [new meter_Meter(this.model, this.services)],
-            growth: LayoutGrowth.STRETCH,
-            renderType: RenderTypes.SVG,
-        };
-        // Meter has an unique dataset title within the graph
-        var titleComponent = {
-            id: 'meter-title',
-            components: [new title_meter_MeterTitle(this.model, this.services)],
-            growth: LayoutGrowth.STRETCH,
-            renderType: RenderTypes.SVG,
-        };
-        // create the title spacer
-        var titleSpacerComponent = {
-            id: 'spacer',
-            components: [new spacer_Spacer(this.model, this.services, { size: 8 })],
-            growth: LayoutGrowth.STRETCH,
-        };
+        var showLabels = tools_Tools.getProperty(this.model.getOptions(), 'meter', 'showLabels');
+        var meterComponents = charts_meter_spreadArrays((showLabels
+            ? [
+                // Meter has a unique dataset title within the graph
+                {
+                    id: 'meter-title',
+                    components: [
+                        new title_meter_MeterTitle(this.model, this.services),
+                    ],
+                    growth: LayoutGrowth.STRETCH,
+                    renderType: RenderTypes.SVG,
+                },
+                // Create the title spacer
+                {
+                    id: 'spacer',
+                    components: [
+                        new spacer_Spacer(this.model, this.services, {
+                            size: 8,
+                        }),
+                    ],
+                    growth: LayoutGrowth.STRETCH,
+                },
+            ]
+            : []), [
+            // Specify what to render inside the graph only
+            {
+                id: 'meter-graph',
+                components: [new meter_Meter(this.model, this.services)],
+                growth: LayoutGrowth.STRETCH,
+                renderType: RenderTypes.SVG,
+            },
+        ]);
         // the graph frame for meter includes the custom title (and spacer)
         var graphFrame = [
-            new layout_LayoutComponent(this.model, this.services, [titleComponent, titleSpacerComponent, graph], {
+            new layout_LayoutComponent(this.model, this.services, meterComponents, {
                 direction: LayoutDirection.COLUMN,
             }),
         ];