diff --git a/__tests__/integration/snapshots/static/cars2PointJitterX.svg b/__tests__/integration/snapshots/static/cars2PointJitterX.svg new file mode 100644 index 0000000000..129394231e --- /dev/null +++ b/__tests__/integration/snapshots/static/cars2PointJitterX.svg @@ -0,0 +1,6073 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 8 + + + + + + + + + + + + + + + + + + + + 4 + + + + + + + + + + + + + + + + + + + + 6 + + + + + + + + + + + + + + + + + + + + 3 + + + + + + + + + + + + + + + + + + + + 5 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 3 + + + + + + + 4 + + + + + + + 5 + + + + + + + 6 + + + + + + + 8 + + + + + + + + + Cylinders + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 50 + + + + + + + 100 + + + + + + + 150 + + + + + + + 200 + + + + + + + + + Horsepower + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/__tests__/integration/snapshots/static/cars2PointJitterY.svg b/__tests__/integration/snapshots/static/cars2PointJitterY.svg index 129394231e..99e5eac95b 100644 --- a/__tests__/integration/snapshots/static/cars2PointJitterY.svg +++ b/__tests__/integration/snapshots/static/cars2PointJitterY.svg @@ -33,23 +33,23 @@ height="448" /> - + - + @@ -565,26 +565,95 @@ fill="none" transform="matrix(1,0,0,1,0,0)" class="axis-grid-group" - /> + > + + + + + + + + + + + + + + + + + + - + - - - - - - 3 - - - - - - - 4 + 50 - 5 + 100 - 6 + 150 - 8 + 200 - Cylinders + Horsepower @@ -896,101 +915,32 @@ class="component" > - - - - - - - - - - - - - - - - - - + /> - + + + + + + + + + 3 + + + + @@ -1125,14 +1124,14 @@ opacity="0.45" visibility="visible" > - 50 + 4 @@ -1153,14 +1152,14 @@ opacity="0.45" visibility="visible" > - 100 + 5 @@ -1181,14 +1180,14 @@ opacity="0.45" visibility="visible" > - 150 + 6 @@ -1209,7 +1208,7 @@ opacity="0.45" visibility="visible" > - 200 + 8 @@ -1218,7 +1217,7 @@ @@ -1238,19 +1237,19 @@ class="axis-title" opacity="0.9" > - Horsepower + Cylinders - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + diff --git a/site/docs/spec/transform/jitterY.zh.md b/site/docs/spec/transform/jitterY.zh.md new file mode 100644 index 0000000000..9b310a14ad --- /dev/null +++ b/site/docs/spec/transform/jitterY.zh.md @@ -0,0 +1,42 @@ +--- +title: jitterY +order: 1 +--- + +根据离散的 y 比例尺，生成 dy 通道，实现在某个区域的 y 方向散开的效果。 + +## 开始使用 + +jitterY + +```ts +import { Chart } from '@antv/g2'; + +const chart = new Chart({ + container: 'container', +}); + +chart + .point() + .data({ + type: 'fetch', + value: + 'https://gw.alipayobjects.com/os/bmw-prod/2c813e2d-2276-40b9-a9af-cf0a0fb7e942.csv', + }) + .transform({ type: 'sortY' }) + .transform({ type: 'jitterY' }) + .encode('x', 'Horsepower') + .encode('y', 'Cylinders') + .encode('color', 'Cylinders') + .scale('y', { type: 'point' }) + .scale('color', { type: 'ordinal' }); + +chart.render(); +``` + +## 选项 + +| 属性 | 描述 | 类型 | 默认值 | +|-------------------|------------------------------------------------|---------------------|-----------------------| +| padding | 每个分组之间的间距 [0 ~ 1] | `number` | `0` | +| random | 随机函数，返回值为 [0, 1) | `() => number` | `Math.random` |