MCPcopy Create free account
hub / github.com/tinyplex/tinybase / Axes

Function Axes

src/ui-react-dom-charts/components/Axes.tsx:17–76  ·  view source on GitHub ↗
({
  xAxis,
  yAxis,
  points,
  xTicks,
  yTicks,
  bounds: [xMin, xMax, yMin, yMax],
  titles: [xTitle, yTitle],
  xAxisHeight,
  yAxisWidth,
  fontSize,
  timestampUnit,
  xScale,
  ...sharedProps
}: {
  readonly xAxis?: XAxisProps;
  readonly yAxis?: YAxisProps;
  readonly points: ScaledPoint[];
  readonly xTicks: Ticks;
  readonly yTicks: Ticks;
  readonly bounds: Bounds;
  readonly titles: readonly [xTitle: string, yTitle: string];
  readonly plotFrame: PlotFrame;
  readonly tickSize: number;
  readonly tickGap: number;
  readonly xAxisHeight: number;
  readonly yAxisWidth: number;
  readonly fontSize: number;
  readonly timestampUnit: TimestampUnit;
  readonly xScale: XScale;
})

Source from the content-addressed store, hash-verified

15import {YAxis} from './YAxis.tsx';
16
17export const Axes = ({
18 xAxis,
19 yAxis,
20 points,
21 xTicks,
22 yTicks,
23 bounds: [xMin, xMax, yMin, yMax],
24 titles: [xTitle, yTitle],
25 xAxisHeight,
26 yAxisWidth,
27 fontSize,
28 timestampUnit,
29 xScale,
30 ...sharedProps
31}: {
32 readonly xAxis?: XAxisProps;
33 readonly yAxis?: YAxisProps;
34 readonly points: ScaledPoint[];
35 readonly xTicks: Ticks;
36 readonly yTicks: Ticks;
37 readonly bounds: Bounds;
38 readonly titles: readonly [xTitle: string, yTitle: string];
39 readonly plotFrame: PlotFrame;
40 readonly tickSize: number;
41 readonly tickGap: number;
42 readonly xAxisHeight: number;
43 readonly yAxisWidth: number;
44 readonly fontSize: number;
45 readonly timestampUnit: TimestampUnit;
46 readonly xScale: XScale;
47}) => {
48 return (
49 <g className="axes" fill={CURRENT_COLOR} fillOpacity={0.75}>
50 <YAxis
51 {...sharedProps}
52 className={yAxis?.className}
53 tickFormatter={yAxis?.tickFormatter}
54 yTicks={yTicks}
55 yMin={yMin}
56 yMax={yMax}
57 yTitle={yTitle}
58 axisWidth={yAxisWidth}
59 />
60 <XAxis
61 {...sharedProps}
62 className={xAxis?.className}
63 points={points}
64 tickFormatter={xAxis?.tickFormatter}
65 xTicks={xTicks}
66 xMin={xMin}
67 xMax={xMax}
68 xTitle={xTitle}
69 axisHeight={xAxisHeight}
70 fontSize={fontSize}
71 timestampUnit={timestampUnit}
72 xScale={xScale}
73 />
74 </g>

Callers

nothing calls this directly

Calls

no outgoing calls

Tested by

no test coverage detected

Used in the wild real call sites across dependent graphs

searching dependent graphs…