smooth area path

This commit is contained in:
Damien Elmes 2020-06-26 19:28:19 +10:00
parent d2c4874571
commit 52bc27d7d2

View file

@ -11,7 +11,7 @@ import { select, mouse } from "d3-selection";
import { cumsum, max, Bin } from "d3-array"; import { cumsum, max, Bin } from "d3-array";
import { scaleLinear, ScaleLinear, ScaleSequential } from "d3-scale"; import { scaleLinear, ScaleLinear, ScaleSequential } from "d3-scale";
import { axisBottom, axisLeft } from "d3-axis"; import { axisBottom, axisLeft } from "d3-axis";
import { area } from "d3-shape"; import { area, curveBasis } from "d3-shape";
import { showTooltip, hideTooltip } from "./tooltip"; import { showTooltip, hideTooltip } from "./tooltip";
import { GraphBounds } from "./graphs"; import { GraphBounds } from "./graphs";
@ -108,6 +108,7 @@ export function histogramGraph(
.attr( .attr(
"d", "d",
area() area()
.curve(curveBasis)
.x((d, idx) => { .x((d, idx) => {
if (idx === 0) { if (idx === 0) {
return x(data.bins[0].x0!); return x(data.bins[0].x0!);