jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

Merge pull request #234 from scmmishra/legend-truncate

Browse Source 
feat: added truncateLegends options
This commit is contained in:
Shivam Mishra 2019-07-21 10:17:17 +05:30 committed by GitHub
commit 1abd7cc84d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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',
barWidth,
this.colors[i],
d.name);
d.name,
this.config.truncateLegends);
this.legendArea.appendChild(rect);
});
}

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

@ -34,7 +34,8 @@ export default class BaseChart {
showTooltip: 1, // calculate
showLegend: 1, // calculate
isNavigable: options.isNavigable || 0,
animate: 1
animate: 1,
truncateLegends: options.truncateLegends || 0
};
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];
}
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 { DOT_OVERLAY_SIZE_INCR, PERCENTAGE_BAR_DEFAULT_DEPTH } from './constants';
import { lightenDarkenColor } from './colors';
export const AXIS_TICK_LENGTH = 6;
const LABEL_MARGIN = 4;
const LABEL_MAX_CHARS = 15;
export const FONT_SIZE = 10;
const BASE_LINE_COLOR = '#dadada';
const FONT_FILL = '#555b51';
@ -182,7 +183,9 @@ export function heatSquare(className, x, y, size, fill='none', data={}) {
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 = {
className: 'legend-bar',
x: 0,