diff --git a/front/src/components/boxs/chart/ApexChartComponent.jsx b/front/src/components/boxs/chart/ApexChartComponent.jsx index 57e8ca8706..f4d96144ee 100644 --- a/front/src/components/boxs/chart/ApexChartComponent.jsx +++ b/front/src/components/boxs/chart/ApexChartComponent.jsx @@ -120,7 +120,7 @@ class ApexChartComponent extends Component { } else if (this.props.size === 'big' && !this.props.display_axes) { height = 80; } else { - height = 200; + height = 200 + this.props.additionalHeight; } const options = getApexChartAreaOptions({ height, @@ -141,7 +141,7 @@ class ApexChartComponent extends Component { } else if (this.props.size === 'big' && !this.props.display_axes) { height = 80; } else { - height = 200; + height = 200 + this.props.additionalHeight; } const options = getApexChartLineOptions({ height, @@ -161,7 +161,7 @@ class ApexChartComponent extends Component { } else if (this.props.size === 'big' && !this.props.display_axes) { height = 80; } else { - height = 200; + height = 200 + this.props.additionalHeight; } const options = getApexChartStepLineOptions({ height, diff --git a/front/src/components/boxs/chart/Chart.jsx b/front/src/components/boxs/chart/Chart.jsx index 98e9991bac..83502973f1 100644 --- a/front/src/components/boxs/chart/Chart.jsx +++ b/front/src/components/boxs/chart/Chart.jsx @@ -330,7 +330,7 @@ class Chartbox extends Component { ) { const { box } = this.props; const displayVariation = box.display_variation; - let additionalHeight = 0; + let additionalHeight = 30 * (nbFeaturesDisplayed - 1); if (props.box.chart_type === 'timeline') { additionalHeight = 55 * nbFeaturesDisplayed; } @@ -338,7 +338,7 @@ class Chartbox extends Component {
-
{props.box.title}
+
{box.title}
{props.box.chart_type && (