@mui/x-charts
Version:
The community edition of the charts components (MUI X).
33 lines • 1.23 kB
JavaScript
import * as React from 'react';
import { CartesianContext } from '../context/CartesianContextProvider';
import { isBandScale } from '../internals/isBandScale';
/**
* For a given scale return a function that map value to their position.
* Usefull when dealing with specific scale such as band.
* @param scale The scale to use
* @returns (value: any) => number
*/
export function getValueToPositionMapper(scale) {
if (isBandScale(scale)) {
return function (value) {
return scale(value) + scale.bandwidth() / 2;
};
}
return function (value) {
return scale(value);
};
}
export function useXScale(identifier) {
var _React$useContext = React.useContext(CartesianContext),
xAxis = _React$useContext.xAxis,
xAxisIds = _React$useContext.xAxisIds;
var id = typeof identifier === 'string' ? identifier : xAxisIds[identifier != null ? identifier : 0];
return xAxis[id].scale;
}
export function useYScale(identifier) {
var _React$useContext2 = React.useContext(CartesianContext),
yAxis = _React$useContext2.yAxis,
yAxisIds = _React$useContext2.yAxisIds;
var id = typeof identifier === 'string' ? identifier : yAxisIds[identifier != null ? identifier : 0];
return yAxis[id].scale;
}