billboard.js
Version:
Re-usable easy interface JavaScript chart library, based on D3 v4+
90 lines (87 loc) • 2.7 kB
JavaScript
/*!
* Copyright (c) 2017 ~ present NAVER Corp.
* billboard.js project is licensed under the MIT license
*
* billboard.js, JavaScript chart library
* https://naver.github.io/billboard.js/
*
* @version 4.0.1
*/
import { isArray, isValue, isObject, isFunction, isObjectType } from '../../module/util/type-checks.js';
/**
* Get formatted
* @param {object} $$ Context
* @param {string} typeValue Axis type
* @param {number} v Value to be formatted
* @returns {number | string}
* @private
*/
function _getFormat($$, typeValue, v) {
const { config } = $$;
const type = `axis_${typeValue}_tick_format`;
const format = config[type] ? config[type] : $$.defaultValueFormat;
return format.call($$.api, v);
}
var format = {
yFormat(v) {
return _getFormat(this, "y", v);
},
y2Format(v) {
return _getFormat(this, "y2", v);
},
/**
* Get default value format function
* @returns {function} formatter function
* @private
*/
getDefaultValueFormat() {
const $$ = this;
const { defaultArcValueFormat, yFormat, y2Format } = $$;
const hasArc = $$.hasArcType(null, ["gauge", "polar", "radar"]);
return function (v, ratio, id) {
const format = hasArc ? defaultArcValueFormat : ($$.axis && $$.axis.getId(id) === "y2" ? y2Format : yFormat);
return format.call($$, v, ratio);
};
},
defaultValueFormat(v) {
return isArray(v) ? v.join("~") : (isValue(v) ? +v : "");
},
defaultArcValueFormat(v, ratio) {
return `${(ratio * 100).toFixed(1)}%`;
},
defaultPolarValueFormat(v) {
return `${v}`;
},
dataLabelFormat(targetId) {
const $$ = this;
const dataLabels = $$.config.data_labels;
const defaultFormat = v => {
const delimiter = "~";
let res = v;
if (isArray(v)) {
res = v.join(delimiter);
}
else if (isObject(v)) {
res = Object.values(v).join(delimiter);
}
return res;
};
let format = defaultFormat;
// find format according to axis id
if (isFunction(dataLabels.format)) {
format = dataLabels.format;
}
else if (isObjectType(dataLabels.format)) {
if (dataLabels.format[targetId]) {
format = dataLabels.format[targetId] === true ?
defaultFormat :
dataLabels.format[targetId];
}
else {
format = () => "";
}
}
return format.bind($$.api);
}
};
export { format as default };