mirror of
https://github.com/hashicorp/vault.git
synced 2026-02-03 20:40:45 -05:00
19786e54b4
* update selector vertical bar basic
* WIP vertical bar stacked component
* css for bars
* update css
* remove test data
* abstract monthly data getter
* move shared functions to base component
* rename tick formatting helper
* Revert "move shared functions to base component"
This reverts commit 5f931ea6f0.
* fix merge conflicts
* finish typescript declarations
* update chart-helpers test with renamed method
* use timestamp instead of month
* finish typescript
* finish ts cleanup
* add charts to token tab;
* dont blow out scope
* add comments and tests
* update token test
* fix tooltip hover spacing
* cleanup selectors
* one last test!
* delete old chart
47 lines
1.7 KiB
JavaScript
47 lines
1.7 KiB
JavaScript
/**
|
|
* Copyright (c) HashiCorp, Inc.
|
|
* SPDX-License-Identifier: BUSL-1.1
|
|
*/
|
|
|
|
import { format } from 'd3-format';
|
|
import { mean } from 'd3-array';
|
|
|
|
// COLOR THEME:
|
|
export const BAR_PALETTE = ['#CCE3FE', '#1060FF', '#C2C5CB', '#656A76'];
|
|
export const UPGRADE_WARNING = '#FDEEBA';
|
|
export const GREY = '#EBEEF2';
|
|
|
|
// TRANSLATIONS:
|
|
export const TRANSLATE = { left: -11 };
|
|
export const SVG_DIMENSIONS = { height: 190, width: 500 };
|
|
|
|
export const BAR_WIDTH = 7; // data bar width is 7 pixels
|
|
|
|
// Reference for tickFormat https://www.youtube.com/watch?v=c3MCROTNN8g
|
|
export function numericalAxisLabel(number) {
|
|
if (number < 1000) return number;
|
|
if (number < 1100) return format('.1s')(number);
|
|
if (number < 2000) return format('.2s')(number); // between 1k and 2k, show 2 decimals
|
|
if (number < 10000) return format('.1s')(number);
|
|
// replace SI prefix of 'G' for billions to 'B'
|
|
return format('.2s')(number).replace('G', 'B');
|
|
}
|
|
|
|
export function calculateAverage(dataset, objectKey) {
|
|
// before mapping for values, check that the objectKey exists at least once in the dataset because
|
|
// map returns 0 when dataset[objectKey] is undefined in order to calculate average
|
|
if (!Array.isArray(dataset) || !objectKey || !dataset.some((d) => Object.keys(d).includes(objectKey))) {
|
|
return null;
|
|
}
|
|
|
|
const integers = dataset.map((d) => (d[objectKey] ? d[objectKey] : 0));
|
|
const checkIntegers = integers.every((n) => Number.isInteger(n)); // decimals will be false
|
|
return checkIntegers ? Math.round(mean(integers)) : null;
|
|
}
|
|
|
|
export function calculateSum(integerArray) {
|
|
if (!Array.isArray(integerArray) || integerArray.some((n) => typeof n !== 'number')) {
|
|
return null;
|
|
}
|
|
return integerArray.reduce((a, b) => a + b, 0);
|
|
}
|