bento-charts
Version:
Charts library for Bento-platform
130 lines • 3.17 kB
JavaScript
var _a, _b;
// ################### PACKAGE CONSTANTS ###################
export var COUNT_KEY = 'Count';
export var OTHER_KEY = 'Other';
export var defaultTranslationObject = {
en: (_a = {},
_a[COUNT_KEY] = 'Count',
_a[OTHER_KEY] = 'Other',
_a),
fr: (_b = {},
_b[COUNT_KEY] = 'Comptage',
_b[OTHER_KEY] = 'Autre',
_b),
};
// ################### THEME CONSTANTS ###################
// Bento-web colours
export var COLORS = [
'#3366CC',
'#DC3912',
'#FF9900',
'#109618',
'#990099',
'#3B3EAC',
'#0099C6',
'#DD4477',
'#66AA00',
'#B82E2E',
'#316395',
'#994499',
'#22AA99',
'#AAAA11',
'#6633CC',
'#E67300',
'#8B0707',
'#329262',
'#5574A6',
'#3B3EAC',
];
export var NEW_CHART_COLORS = ['#F94144', '#F3722C', '#F8961E', '#F9C74F', '#90BE6D', '#2D9CDB'];
export var BAR_CHART_FILL = '#4575b4';
export var CHART_MISSING_FILL = '#bbbbbb';
export var DEFAULT_CHART_THEME = {
pie: {
default: {
fill: COLORS,
other: CHART_MISSING_FILL,
},
new: {
fill: NEW_CHART_COLORS,
other: CHART_MISSING_FILL,
},
},
bar: {
default: {
fill: [BAR_CHART_FILL],
other: CHART_MISSING_FILL,
},
new: {
fill: NEW_CHART_COLORS,
other: CHART_MISSING_FILL,
},
},
histogram: {
default: {
fill: [BAR_CHART_FILL],
other: CHART_MISSING_FILL,
},
},
};
// ################### CHART STYLES ###################
// common
export var TOOLTIP_OTHER_PROPS = {
wrapperStyle: {
zIndex: 10,
maxWidth: '240px',
},
allowEscapeViewBox: { x: true, y: true },
};
export var TOOLTIP_STYLE = {
backgroundColor: 'rgba(255, 255, 255, 0.9)',
backdropFilter: 'blur(4px)',
padding: '5px',
border: '1px solid #DDD',
boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.1)',
borderRadius: '4px',
textAlign: 'left',
};
export var LABEL_STYLE = {
fontWeight: 'bold',
fontSize: '12px',
padding: '0',
margin: '0',
};
export var COUNT_STYLE = {
fontWeight: 'normal',
fontSize: '12px',
padding: '0',
margin: '0',
};
export var CHART_WRAPPER_STYLE = {
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
};
// bar chart
export var TITLE_STYLE = {
fontStyle: 'italic',
fontSize: '1.5em',
textAlign: 'center',
};
// pie chart
export var TEXT_STYLE = {
fontSize: '11px',
fill: '#333',
};
export var COUNT_TEXT_STYLE = {
fontSize: '10px',
fill: '#999',
};
// ################### CHART CONSTANTS ###################
// bar chart
export var MAX_TICK_LABEL_CHARS = 15;
export var UNITS_LABEL_OFFSET = -75;
export var TICKS_SHOW_ALL_LABELS_BELOW = 11; // Below this # of X-axis ticks, force-show all labels
export var TICK_MARGIN = 5; // vertical spacing between tick line and tick label
// pie chart
export var LABEL_THRESHOLD = 0.05;
// ################### UTIL CONSTANTS ###################
export var RADIAN = Math.PI / 180;
//# sourceMappingURL=chartConstants.js.map