jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

feat: added truncateLegends options

Browse Source
This commit is contained in:
Shivam Mishra 2019-07-20 21:58:51 +05:30
parent c62ea9c79d
commit e29a0621c5
4 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/js/charts/AxisChart.js
View File

@ -429,7 +429,8 @@ export default class AxisChart extends BaseChart {
'0', '0',
barWidth, barWidth,
this.colors[i], this.colors[i],
d.name); d.name,
this.config.truncateLegends);
this.legendArea.appendChild(rect); this.legendArea.appendChild(rect);
}); });
} }

3
src/js/charts/BaseChart.js
View File

@ -34,7 +34,8 @@ export default class BaseChart {
showTooltip: 1, // calculate showTooltip: 1, // calculate
showLegend: 1, // calculate showLegend: 1, // calculate
isNavigable: options.isNavigable || 0, isNavigable: options.isNavigable || 0,
animate: 1 animate: 1,
truncateLegends: options.truncateLegends || 0
}; };
this.measures = JSON.parse(JSON.stringify(BASE_MEASURES)); this.measures = JSON.parse(JSON.stringify(BASE_MEASURES));

11
src/js/utils/draw-utils.js
View File

@ -24,3 +24,14 @@ export function equilizeNoOfElements(array1, array2,
} }
return [array1, array2]; return [array1, array2];
} }
export function truncateString(txt, len) {
if (!txt) {
return;
}
if (txt.length > len) {
return txt.slice(0, len-3) + '...';
} else {
return txt;
}
}

7
src/js/utils/draw.js
View File

@ -1,10 +1,11 @@
import { getBarHeightAndYAttr } from './draw-utils'; import { getBarHeightAndYAttr, truncateString } from './draw-utils';
import { getStringWidth } from './helpers'; import { getStringWidth } from './helpers';
import { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants'; import { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';
import { lightenDarkenColor } from './colors'; import { lightenDarkenColor } from './colors';
export const AXIS_TICK_LENGTH = 6; export const AXIS_TICK_LENGTH = 6;
const LABEL_MARGIN = 4; const LABEL_MARGIN = 4;
const LABEL_MAX_CHARS = 15;
export const FONT_SIZE = 10; export const FONT_SIZE = 10;
const BASE_LINE_COLOR = '#dadada'; const BASE_LINE_COLOR = '#dadada';
const FONT_FILL = '#555b51'; const FONT_FILL = '#555b51';
@ -182,7 +183,9 @@ export function heatSquare(className, x, y, size, fill='none', data={}) {
return createSVG("rect", args); return createSVG("rect", args);
} }
export function legendBar(x, y, size, fill='none', label) { export function legendBar(x, y, size, fill='none', label, truncate=false) {
label = truncate ? truncateString(label, LABEL_MAX_CHARS) : label;
let args = { let args = {
className: 'legend-bar', className: 'legend-bar',
x: 0, x: 0,