luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extract chart range definition

Browse Source
This commit is contained in:
Thomas Nordquist
2019-11-12 14:35:00 +01:00
parent 29fc2eea4d
commit ff11973a9a
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/components/Chart/effects/useCustomYDomain.tsx
View File

@@ -2,12 +2,16 @@ import { Props } from '../Chart'
import { useMemo } from 'react' import { useMemo } from 'react'
import { Point } from '../Model' import { Point } from '../Model'
function defaultFor(a: number | undefined, b: number) {
return a === undefined ? b : a
}
export function useCustomYDomain(props: Props) { export function useCustomYDomain(props: Props) {
return useMemo(() => { return useMemo(() => {
const data = props.data const data = props.data
const calculatedDomain = domainForData(data) const calculatedDomain = domainForData(data)
const yDomain: [number, number] = props.range const yDomain: [number, number] = props.range
? [(props.range[0] === undefined ? calculatedDomain[0] : props.range[0]), (props.range[1] === undefined ? calculatedDomain[1] : props.range[1])] ? [defaultFor(props.range[0], calculatedDomain[0]), defaultFor(props.range[1], calculatedDomain[1])]
: calculatedDomain : calculatedDomain
return yDomain return yDomain
@@ -19,8 +23,10 @@ function domainForData(data: Array<Point>): [number, number] {
const defaultDomain: [number, number] = [-1, 1] const defaultDomain: [number, number] = [-1, 1]
return defaultDomain return defaultDomain
} }
let max = data[0].y let max = data[0].y
let min = data[0].y let min = data[0].y
data.forEach(d => { data.forEach(d => {
if (max < d.y) { if (max < d.y) {
max = d.y max = d.y