@antv/g2
Version:
the Grammar of Graphics in Javascript
86 lines • 3.51 kB
JavaScript
import { group } from 'd3-array';
import { AreaShape, AreaHV, AreaHVH, AreaSmooth, AreaVH } from '../shape';
import { MaybeSeries, MaybeZeroY1, MaybeZeroPadding } from '../transform';
import { baseGeometryChannels, basePostInference, basePreInference, tooltip1d, } from './utils';
const shape = {
area: AreaShape,
smooth: AreaSmooth,
hvh: AreaHVH,
vh: AreaVH,
hv: AreaHV,
};
/*
* 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];
};
};
Area.props = {
defaultShape: 'area',
defaultLabelShape: 'label',
composite: false,
shape,
channels: [
...baseGeometryChannels({ shapes: Object.keys(shape) }),
{ name: 'x', required: true },
{ name: 'y', required: true },
{ name: 'size' },
{ name: 'series', scale: 'band' },
],
preInference: [
...basePreInference(),
{ type: MaybeSeries },
{ type: MaybeZeroY1 },
{ type: MaybeZeroPadding },
],
postInference: [...basePostInference(), ...tooltip1d()],
interaction: {
shareTooltip: true,
seriesTooltip: true,
crosshairs: true,
},
};
//# sourceMappingURL=area.js.map