open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust x-axis tick count

Browse Source
This commit is contained in:
Marshall Polaris 2022-09-27 16:15:47 -07:00
parent 681c572ef2
commit c70c8fdaf2
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/charts/generic-charts.tsx
View File

@ -122,7 +122,7 @@ export const SingleValueDistributionChart = (props: {
const { fmtX, fmtY, xAxis, yAxis } = useMemo(() => { const { fmtX, fmtY, xAxis, yAxis } = useMemo(() => {
const fmtX = (n: number) => formatLargeNumber(n) const fmtX = (n: number) => formatLargeNumber(n)
const fmtY = (n: number) => formatPct(n, 2) const fmtY = (n: number) => formatPct(n, 2)
const xAxis = axisBottom<number>(xScale).tickFormat(fmtX) const xAxis = axisBottom<number>(xScale).ticks(w / 100)
const yAxis = axisLeft<number>(yScale).tickFormat(fmtY) const yAxis = axisLeft<number>(yScale).tickFormat(fmtY)
return { fmtX, fmtY, xAxis, yAxis } return { fmtX, fmtY, xAxis, yAxis }
}, [xScale, yScale]) }, [xScale, yScale])
@ -210,7 +210,7 @@ export const MultiValueHistoryChart = (props: {
const [min, max] = yScale.domain() const [min, max] = yScale.domain()
const pctTickValues = getTickValues(min, max, h < 200 ? 3 : 5) const pctTickValues = getTickValues(min, max, h < 200 ? 3 : 5)
const xAxis = axisBottom<Date>(xScale) const xAxis = axisBottom<Date>(xScale).ticks(w / 100)
const yAxis = pct const yAxis = pct
? axisLeft<number>(yScale).tickValues(pctTickValues).tickFormat(fmtY) ? axisLeft<number>(yScale).tickValues(pctTickValues).tickFormat(fmtY)
: axisLeft<number>(yScale) : axisLeft<number>(yScale)
@ -322,7 +322,7 @@ export const SingleValueHistoryChart = (props: {
const [min, max] = yScale.domain() const [min, max] = yScale.domain()
const pctTickValues = getTickValues(min, max, h < 200 ? 3 : 5) const pctTickValues = getTickValues(min, max, h < 200 ? 3 : 5)
const xAxis = axisBottom<Date>(xScale) const xAxis = axisBottom<Date>(xScale).ticks(w / 100)
const yAxis = pct const yAxis = pct
? axisLeft<number>(yScale).tickValues(pctTickValues).tickFormat(fmtY) ? axisLeft<number>(yScale).tickValues(pctTickValues).tickFormat(fmtY)
: axisLeft<number>(yScale) : axisLeft<number>(yScale)