| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- import { group } from 'd3-array';
- import { baseGeometryChannels, basePostInference, basePreInference, tooltip1d, } from './utils';
- /*
- * Convert value for each channel to area shapes.
- *
- * ▲
- * │
- * │ y2
- * │
- * │ y1 xxxxxxxxxxxxx
- * │ xxxx x
- * │ xxx x
- * │ xxx x
- * │ y0 xxx x
- * │ xxxxxxx x
- * │ x x
- * │ xx x
- * │ x x
- * │ x x
- * │ x x
- * │ x x
- * │ x x
- * │ x x
- * │ x x
- * ────┼─────────x───────────────────────────────x──────────────►
- * │ y3 y4 y5
- */
- export const Area = () => {
- return (index, scale, value, coordinate) => {
- var _a, _b;
- const { x: X, y: Y, y1: Y1, series: S } = value;
- const { x, y } = scale;
- // Group data by series field.
- const series = S ? Array.from(group(index, (i) => S[i]).values()) : [index];
- const I = series.map((group) => group[0]).filter((i) => i !== undefined);
- // A group of data corresponds to one area.
- const xoffset = (((_a = x === null || x === void 0 ? void 0 : x.getBandWidth) === null || _a === void 0 ? void 0 : _a.call(x)) || 0) / 2;
- const yoffset = (((_b = y === null || y === void 0 ? void 0 : y.getBandWidth) === null || _b === void 0 ? void 0 : _b.call(y)) || 0) / 2;
- const P = Array.from(series, (SI) => {
- const l = SI.length;
- const points = new Array(l * 2);
- for (let idx = 0; idx < SI.length; idx++) {
- const i = SI[idx];
- points[idx] = coordinate.map([+X[i] + xoffset, +Y[i] + yoffset]); // y1
- points[l + idx] = coordinate.map([+X[i] + xoffset, +Y1[i] + yoffset]); // y0
- }
- return points;
- });
- return [I, P, series];
- };
- };
- const shapes = ['area', 'smooth', 'hvh', 'hv', 'vh'];
- Area.props = {
- defaultShape: 'area',
- defaultLabelShape: 'label',
- composite: false,
- channels: [
- ...baseGeometryChannels({ shapes }),
- { name: 'x', required: true },
- { name: 'y', required: true },
- { name: 'size' },
- { name: 'series', scale: 'identity' },
- ],
- preInference: [
- ...basePreInference(),
- { type: 'maybeSeries' },
- { type: 'maybeZeroY1' },
- { type: 'maybeZeroPadding' },
- ],
- postInference: [...basePostInference(), ...tooltip1d()],
- interaction: {
- shareTooltip: true,
- seriesTooltip: true,
- crosshairs: true,
- },
- };
- //# sourceMappingURL=area.js.map
|