@netdata/charts
Version:
Netdata frontend SDK and chart utilities
56 lines (55 loc) • 2.68 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.withoutPrefix = exports.useIsHeatmap = exports.useGetColor = exports.makeGetColor = exports.isIncremental = exports.isHeatmap = exports.heatmapTypes = exports.heatmapOrChartType = void 0;
var _react = require("react");
var _d3Scale = require("d3-scale");
var _provider = require("../components/provider");
var heatmapTypes = exports.heatmapTypes = {
"default": "default",
disabled: "disabled",
incremental: "incremental"
};
var isHeatmap = exports.isHeatmap = function isHeatmap(chart) {
return (!chart || typeof chart === "string" ? chart : chart.getAttribute("chartType")) === "heatmap";
};
var useIsHeatmap = exports.useIsHeatmap = function useIsHeatmap() {
return (0, _provider.useAttributeValue)("chartType") === "heatmap";
};
var isIncremental = exports.isIncremental = function isIncremental(chart) {
return isHeatmap(chart) && chart.getAttribute("heatmapType") === heatmapTypes.incremental;
};
var regex = /(.+)_(\d+?\.?(\d+)?|\+[Ii]nf)$/;
var heatmapOrChartType = exports.heatmapOrChartType = function heatmapOrChartType(ids, chartType) {
return Array.isArray(ids) && ids.length && ids.every(function (id) {
return id.match(regex);
}) ? "heatmap" : chartType;
};
var getColors = function getColors(opacity) {
return ["rgba(62, 73, 137, ".concat(opacity, ")"), "rgba(49, 104, 142, ".concat(opacity, ")"), "rgba(38, 130, 142, ".concat(opacity, ")"), "rgba(31, 158, 137, ".concat(opacity, ")"), "rgba(53, 183, 121, ".concat(opacity, ")"), "rgba(110, 206, 88, ".concat(opacity, ")"), "rgba(181, 222, 43, ".concat(opacity, ")"), "rgba(253, 231, 37, ".concat(opacity, ")")];
};
var makeGetColor = exports.makeGetColor = function makeGetColor(chart) {
var opacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
var max = chart.getAttribute("max");
var colors = getColors(opacity);
var step = max / (colors.length - 1);
var getLinearColor = (0, _d3Scale.scaleLinear)().domain(Array.from({
length: colors.length - 1
}, function (_, i) {
return i * step;
})).range(colors);
return function (value) {
return !value ? "transparent" : getLinearColor(value);
};
};
var useGetColor = exports.useGetColor = function useGetColor() {
var opacity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
var chart = (0, _provider.useChart)();
return (0, _react.useMemo)(function () {
return makeGetColor(chart, opacity);
}, [opacity]);
};
var withoutPrefix = exports.withoutPrefix = function withoutPrefix(label) {
return label ? label.replace(/.+_(\d+?\.?(\d+)?|\+[Ii]nf)$/, "$1") : label;
};