@oliasoft-open-source/charts-library 2.17.4 → 2.17.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/charts-library",
-  "version": "2.17.4",
+  "version": "2.17.5",
   "description": "React Chart Library (based on Chart.js and react-chart-js-2)",
   "homepage": "https://gitlab.com/oliasoft-open-source/charts-library",
   "bugs": {

package/release-notes.md

@@ -1,5 +1,9 @@
 # Charts Library Release Notes
 
+## 2.17.5
+
+- Support disabling `usePointStyle` to show dashed lines in legend ([OW-11786](https://oliasoft.atlassian.net/browse/OW-11786))
+
 ## 2.17.4
 
 - Use new `<NumberInput>` component from GUI Library in charts controls, to simplify validation ([OW-11773](https://oliasoft.atlassian.net/browse/OW-11773))

package/src/components/line-chart/line-chart-prop-types.js

@@ -258,6 +258,7 @@ export const getDefaultProps = (props) => {
         position: props.chart.options.legend.position || 'bottom',
         align: props.chart.options.legend.align || 'center',
         customLegend: props.chart.options.legend.customLegend,
+        usePointStyle: props.chart.options.legend.usePointStyle ?? true,
       },
       chartOptions: {
         showPoints: props.chart.options.chartOptions.showPoints ?? true,

package/src/helpers/chart-interface.ts

@@ -63,6 +63,7 @@ export interface IChartLegend {
     position: 'top' | 'bottom' | 'right';
     align: 'start' | 'center' | 'end';
     customLegend?: ICustomLegend;
+    usePointStyle: boolean;
 }
 
 export interface IChartInteractions {

package/src/helpers/chart-utils.js

@@ -141,8 +141,8 @@ export const getLegend = (options, clickHandler, state = null) => {
     align: legend.align,
     labels: {
       boxHeight: LEGEND_LABEL_BOX_SIZE,
-      boxWidth: LEGEND_LABEL_BOX_SIZE,
-      usePointStyle: true,
+      boxWidth: legend.usePointStyle ? LEGEND_LABEL_BOX_SIZE : undefined,
+      usePointStyle: legend.usePointStyle,
     },
     onClick: clickHandler,
   };