@forter/chart - npm Package Compare versions

Comparing version 5.5.1 to 5.5.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [5.5.2](https://github.com/forter/web-components/compare/@forter/chart@5.5.1...@forter/chart@5.5.2) (2021-09-12)
+
+
+### Bug Fixes
+
+* **chart:** fixed legend ([#757](https://github.com/forter/web-components/issues/757)) ([e77687b](https://github.com/forter/web-components/commit/e77687b))
+
+
+
+
+
 ## [5.5.1](https://github.com/forter/web-components/compare/@forter/chart@5.5.0...@forter/chart@5.5.1) (2021-09-12)
@@ -8,0 +19,0 @@

chart-config-builders/basic-config-builder.js

@@ -156,3 +156,4 @@ import { merge } from 'lodash-es';
       ...DEFAULT_DATASET_CONFIG,
-      ...dataset.style
+      ...dataset.style,
+      label: (xAxisType !== 'SINGLE_NON_TIME_FIELD' || dataset.seriesType === 'LINE') && dataset.label || undefined
     };
@@ -159,0 +160,0 @@

chart-config-builders/html-legend-builder.js

@@ -32,3 +32,3 @@ import { merge } from 'lodash-es';
     const legendContainer = context.shadowRoot.getElementById(options.containerID);
-    const items = chart.options.plugins.legend.labels.generateLabels(chart);
+    const items = chart.options.plugins.legend.labels.generateLabels(chart).filter(item => item.text);
     legendContainer.innerHTML = renderLegend(items);
@@ -35,0 +35,0 @@ items.forEach((item, index) => {

fc-chart.css.js

@@ -122,3 +122,3 @@ import { css } from 'lit-element';
   width: 100%;
-  height: calc(100% - 40px - 20px);
+  height: calc(100% - 44px - 20px);
 }
@@ -132,12 +132,11 @@
 .legend-container {
-  display: flex;
-  flex-direction: row;
+  grid-auto-flow: column;
+  display: grid;
+  grid-template-rows: 1fr 1fr;
   margin: 0;
   padding: 0;
   gap: 16px;
-  height: 40px;
-  flex-wrap: wrap;
+  height: 44px;
   overflow: hidden;
-  justify-content: flex-start;
-  align-items: flex-start;
+  width: fit-content;
 }
@@ -144,0 +143,0 @@

package.json

 {
   "name": "@forter/chart",
-  "version": "5.5.1",
+  "version": "5.5.2",
   "description": "chart from Forter Components",
@@ -59,3 +59,3 @@ "author": "Forter Developers",
   },
-  "gitHead": "25931fc66736c28d4118f29909b1207e5d66b8e7"
+  "gitHead": "86715a28b44c4991506bd925028b8f9e8fa515ae"
 }

src/chart-config-builders/basic-config-builder.js

@@ -148,3 +148,4 @@ import { merge } from 'lodash-es';
       ...DEFAULT_DATASET_CONFIG,
-      ...dataset.style
+      ...dataset.style,
+      label: ((xAxisType !== 'SINGLE_NON_TIME_FIELD' || dataset.seriesType === 'LINE') && dataset.label) || undefined
     };
@@ -151,0 +152,0 @@

src/chart-config-builders/html-legend-builder.js

@@ -29,3 +29,4 @@ import { merge } from 'lodash-es';
     const legendContainer = context.shadowRoot.getElementById(options.containerID);
-    const items = chart.options.plugins.legend.labels.generateLabels(chart);
+    const items =
+      chart.options.plugins.legend.labels.generateLabels(chart).filter(item => item.text);
     legendContainer.innerHTML = renderLegend(items);
@@ -32,0 +33,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

117945

increased by0.76%

Lines of code

2201

increased by0.05%

No dependency changes