@oliasoft-open-source/charts-library 2.16.0-beta-5 → 2.16.0

package/package.json

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

package/src/components/line-chart/hooks/use-chart-options.js

@@ -50,6 +50,7 @@ export const useChartOptions = ({
         lineHeight,
       },
     },
+    chartStyling: { layoutPadding },
   } = options;
 
   const {
@@ -149,6 +150,9 @@ export const useChartOptions = ({
 
   return useMemo(
     () => ({
+      layout: {
+        padding: layoutPadding,
+      },
       onHover: onHover(hoveredPoint, setHoveredPoint),
       maintainAspectRatio: options.chartStyling.maintainAspectRatio,
       aspectRatio: options.chartStyling.squareAspectRatio ? 1 : null,

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

@@ -60,6 +60,15 @@ export const LineChartPropTypes = {
         staticChartHeight: PropTypes.bool,
         performanceMode: PropTypes.bool,
         squareAspectRatio: PropTypes.bool,
+        layoutPadding: PropTypes.oneOfType([
+          PropTypes.number,
+          PropTypes.shape({
+            top: PropTypes.number,
+            bottom: PropTypes.number,
+            left: PropTypes.number,
+            right: PropTypes.number,
+          }),
+        ]),
       }),
       tooltip: PropTypes.shape({
         tooltips: PropTypes.bool,
@@ -198,6 +207,12 @@ export const getDefaultProps = (props) => {
           props.chart.options.chartStyling.performanceMode ?? true,
         squareAspectRatio:
           props.chart.options.chartStyling.squareAspectRatio || false,
+        layoutPadding: props.chart.options.chartStyling.layoutPadding || {
+          top: 0,
+          bottom: 20,
+          left: 0,
+          right: 0,
+        },
       },
       tooltip: {
         tooltips: props.chart.options.tooltip.tooltips ?? true,