diff --git a/docs/FreeBedsChartView.js b/docs/FreeBedsChartView.js index a0f81418508..437857d63f9 100644 --- a/docs/FreeBedsChartView.js +++ b/docs/FreeBedsChartView.js @@ -80,7 +80,7 @@ class FreeBedsChartView { }, tooltip: { callbacks: { - label: UIUtils.labelWithPercentCallback + label: UIUtils.getLabelWithPercent } } }, @@ -96,17 +96,7 @@ class FreeBedsChartView { } } }, - y: { - min: 0, - max: 100, - title: { - display: true, - text: label - }, - ticks: { - callback: value => value + "%" - } - } + y: UIUtils.getPercentageScale(label) }, parsing: { xAxisKey: 'date' diff --git a/docs/MedianOfFreeBedsByKreisChartView.js b/docs/MedianOfFreeBedsByKreisChartView.js index c0d5dbb89a8..b5f6909669e 100644 --- a/docs/MedianOfFreeBedsByKreisChartView.js +++ b/docs/MedianOfFreeBedsByKreisChartView.js @@ -45,24 +45,13 @@ class MedianOfFreeBedsByKreisChartView { }, tooltip: { callbacks: { - label: UIUtils.labelWithPercentCallback + label: UIUtils.getLabelWithPercent } } }, responsive: true, scales: { - y: { - min: 0, - max: 100, - title: { - display: true, - text: label - }, - // FK-TODO: DRY with FreeBedsChartView.js - ticks: { - callback: value => value + "%" - } - } + y: UIUtils.getPercentageScale(label) }, parsing: { xAxisKey: 'Kreis' diff --git a/docs/UIUtils.js b/docs/UIUtils.js index 3c19414b7c5..d637fc26124 100644 --- a/docs/UIUtils.js +++ b/docs/UIUtils.js @@ -17,7 +17,7 @@ class UIUtils { return selectElement.options[selectElement.selectedIndex]; } - static labelWithPercentCallback(context) { + static getLabelWithPercent(context) { let label = context.dataset.label || ''; if (label) { @@ -28,4 +28,18 @@ class UIUtils { } return label; } + + static getPercentageScale(label) { + return { + min: 0, + max: 100, + title: { + display: true, + text: label + }, + ticks: { + callback: value => value + "%" + } + } + } }