From 399ff37b6a4448d257526351775d3d54e6ef285d Mon Sep 17 00:00:00 2001 From: Shivam Mishra Date: Tue, 28 Jul 2020 20:22:47 +0530 Subject: [PATCH] feat: add space ratio option for x-axis series labels --- src/js/utils/axis-chart-utils.js | 5 +++-- src/js/utils/constants.js | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/js/utils/axis-chart-utils.js b/src/js/utils/axis-chart-utils.js index 626c00f..362590e 100644 --- a/src/js/utils/axis-chart-utils.js +++ b/src/js/utils/axis-chart-utils.js @@ -1,5 +1,6 @@ import { fillArray } from '../utils/helpers'; -import { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH } from '../utils/constants'; +import { DEFAULT_AXIS_CHART_TYPE, AXIS_DATASET_CHART_TYPES, DEFAULT_CHAR_WIDTH, + SERIES_LABEL_SPACE_RATIO } from '../utils/constants'; export function dataPrep(data, type) { data.labels = data.labels || []; @@ -97,7 +98,7 @@ export function zeroDataPrep(realData) { } export function getShortenedLabels(chartWidth, labels=[], isSeries=true) { - let allowedSpace = chartWidth / labels.length; + let allowedSpace = (chartWidth / labels.length) * SERIES_LABEL_SPACE_RATIO; if(allowedSpace <= 0) allowedSpace = 1; let allowedLetters = allowedSpace / DEFAULT_CHAR_WIDTH; diff --git a/src/js/utils/constants.js b/src/js/utils/constants.js index bc31808..d03184d 100644 --- a/src/js/utils/constants.js +++ b/src/js/utils/constants.js @@ -66,6 +66,7 @@ export const DEFAULT_AXIS_CHART_TYPE = 'line'; export const AXIS_DATASET_CHART_TYPES = ['line', 'bar']; export const AXIS_LEGEND_BAR_SIZE = 100; +export const SERIES_LABEL_SPACE_RATIO = 0.6; export const BAR_CHART_SPACE_RATIO = 0.5; export const MIN_BAR_PERCENT_HEIGHT = 0.00;