From cd96316f6bf68c1881697760a120cb5292b2b555 Mon Sep 17 00:00:00 2001
From: ai-qing-hai <wb-xcf804241@antgroup.com>
Date: Mon, 11 Sep 2023 20:13:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(examples):=20=E6=96=B0=E5=A2=9E=E5=AD=90?=
 =?UTF-8?q?=E5=BC=B9=E5=9B=BE=E6=A1=88=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../snapshots/static/intervalPointBullet.png  | Bin 0 -> 7924 bytes
 .../static/intervalPointBulletDatas.png       | Bin 0 -> 8212 bytes
 .../snapshots/static/intervalPointBullets.png | Bin 0 -> 11306 bytes
 __tests__/plots/static/index.ts               |   3 +
 .../static/interval-point-bullet-datas.ts     |  48 +++++++++++
 .../plots/static/interval-point-bullet.ts     |  36 ++++++++
 .../plots/static/interval-point-bullets.ts    |  41 +++++++++
 .../general/bullet/demo/bullet-datas.ts       |  79 ++++++++++++++++++
 site/examples/general/bullet/demo/bullet.ts   |  61 ++++++++++++++
 site/examples/general/bullet/demo/bullets.ts  |  79 ++++++++++++++++++
 site/examples/general/bullet/demo/meta.json   |  32 +++++++
 site/examples/general/bullet/index.en.md      |   4 +
 site/examples/general/bullet/index.zh.md      |   4 +
 13 files changed, 387 insertions(+)
 create mode 100644 __tests__/integration/snapshots/static/intervalPointBullet.png
 create mode 100644 __tests__/integration/snapshots/static/intervalPointBulletDatas.png
 create mode 100644 __tests__/integration/snapshots/static/intervalPointBullets.png
 create mode 100644 __tests__/plots/static/interval-point-bullet-datas.ts
 create mode 100644 __tests__/plots/static/interval-point-bullet.ts
 create mode 100644 __tests__/plots/static/interval-point-bullets.ts
 create mode 100644 site/examples/general/bullet/demo/bullet-datas.ts
 create mode 100644 site/examples/general/bullet/demo/bullet.ts
 create mode 100644 site/examples/general/bullet/demo/bullets.ts
 create mode 100644 site/examples/general/bullet/demo/meta.json
 create mode 100644 site/examples/general/bullet/index.en.md
 create mode 100644 site/examples/general/bullet/index.zh.md

diff --git a/__tests__/integration/snapshots/static/intervalPointBullet.png b/__tests__/integration/snapshots/static/intervalPointBullet.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f234198c48cba8fc805c11a6a05e0b592567a4a
GIT binary patch
literal 7924
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

literal 0
HcmV?d00001

diff --git a/__tests__/integration/snapshots/static/intervalPointBulletDatas.png b/__tests__/integration/snapshots/static/intervalPointBulletDatas.png
new file mode 100644
index 0000000000000000000000000000000000000000..aaac43c1367209260b48fd264fd23cf025685dbb
GIT binary patch
literal 8212
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

literal 0
HcmV?d00001

diff --git a/__tests__/integration/snapshots/static/intervalPointBullets.png b/__tests__/integration/snapshots/static/intervalPointBullets.png
new file mode 100644
index 0000000000000000000000000000000000000000..e71a395fe0811df1be788d7f125d6074039aa9dd
GIT binary patch
literal 11306
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

literal 0
HcmV?d00001

diff --git a/__tests__/plots/static/index.ts b/__tests__/plots/static/index.ts
index ef14049358..fd4b43d98a 100644
--- a/__tests__/plots/static/index.ts
+++ b/__tests__/plots/static/index.ts
@@ -283,3 +283,6 @@ export { settleWeatherCellLineXY } from './seattle-weather-cell-lineXY';
 export { alphabetIntervalFunnelConnectorLabel } from './alphabet-interval-funnel-connector-label';
 export { alphabetIntervalAxisOptions } from './alphabet-interval-axis-options';
 export { profitIntervalAxisTransform } from './profit-interval-axis-transform';
+export { intervalPointBullet } from './interval-point-bullet';
+export { intervalPointBullets } from './interval-point-bullets';
+export { intervalPointBulletDatas } from './interval-point-bullet-datas';
diff --git a/__tests__/plots/static/interval-point-bullet-datas.ts b/__tests__/plots/static/interval-point-bullet-datas.ts
new file mode 100644
index 0000000000..25d7738ac1
--- /dev/null
+++ b/__tests__/plots/static/interval-point-bullet-datas.ts
@@ -0,0 +1,48 @@
+import { G2Spec } from '../../../src';
+
+export function intervalPointBulletDatas(): G2Spec {
+  const colors = {
+    ranges: ['#bfeec8', '#FFe0b0', '#FFbcb8'],
+    measures: ['#61DDAA', '#5B8FF9'],
+    target: '#39a3f4',
+  };
+
+  return {
+    type: 'view',
+    data: [
+      { title: '满意度', ranges: 100, measures: 60, target: 90 },
+      { title: '满意度', ranges: 80, measures: 10 },
+      { title: '满意度', ranges: 30 },
+    ],
+    coordinate: { transform: [{ type: 'transpose' }] },
+    legend: false,
+    children: [
+      {
+        type: 'interval',
+        encode: { y: 'ranges', x: 'title', color: 'ranges' },
+        style: { maxWidth: 30, fill: (d, i) => colors['ranges'][i] },
+        axis: { y: { grid: true, gridLineWidth: 2 }, x: { title: false } },
+      },
+      {
+        type: 'interval',
+        encode: { y: 'measures', color: '#5B8FF9', x: 'title' },
+        style: { maxWidth: 20, fill: (d, i) => colors['measures'][i] },
+        labels: [
+          { text: 'measures', position: 'right', textAlign: 'left', dx: 5 },
+        ],
+      },
+      {
+        type: 'point',
+        encode: {
+          size: 8,
+          y: 'target',
+          x: 'title',
+          shape: 'line',
+          color: '#39a3f4',
+        },
+        style: { lineWidth: 1 },
+        tooltip: { title: false, items: [{ channel: 'y' }] },
+      },
+    ],
+  };
+}
diff --git a/__tests__/plots/static/interval-point-bullet.ts b/__tests__/plots/static/interval-point-bullet.ts
new file mode 100644
index 0000000000..0f7a1aefbb
--- /dev/null
+++ b/__tests__/plots/static/interval-point-bullet.ts
@@ -0,0 +1,36 @@
+import { G2Spec } from '../../../src';
+
+export function intervalPointBullet(): G2Spec {
+  return {
+    type: 'view',
+    data: [{ title: '满意度', ranges: 100, measures: 80, target: 85 }],
+    coordinate: { transform: [{ type: 'transpose' }] },
+    children: [
+      {
+        type: 'interval',
+        encode: { x: 'title', y: 'ranges', color: '#f0efff' },
+        style: { maxWidth: 30 },
+        axis: { y: { grid: true, gridLineWidth: 2 }, x: { title: false } },
+      },
+      {
+        type: 'interval',
+        encode: { x: 'title', y: 'measures', color: '#5B8FF9' },
+        style: { maxWidth: 20 },
+        labels: [
+          { text: 'measures', position: 'right', textAlign: 'left', dx: 5 },
+        ],
+      },
+      {
+        type: 'point',
+        encode: {
+          size: 8,
+          x: 'title',
+          y: 'target',
+          shape: 'line',
+          color: '#3D76DD',
+        },
+        tooltip: { title: false, items: [{ channel: 'y' }] },
+      },
+    ],
+  };
+}
diff --git a/__tests__/plots/static/interval-point-bullets.ts b/__tests__/plots/static/interval-point-bullets.ts
new file mode 100644
index 0000000000..23618ae3fe
--- /dev/null
+++ b/__tests__/plots/static/interval-point-bullets.ts
@@ -0,0 +1,41 @@
+import { G2Spec } from '../../../src';
+
+export function intervalPointBullets(): G2Spec {
+  return {
+    type: 'view',
+    data: [
+      { title: '5🌟', ranges: 100, measures: 40, target: 85 },
+      { title: '4🌟', ranges: 100, measures: 80, target: 40 },
+      { title: '3🌟', ranges: 100, measures: 20, target: 22 },
+      { title: '0-2🌟', ranges: 100, measures: 30, target: 10 },
+    ],
+    coordinate: { transform: [{ type: 'transpose' }] },
+    children: [
+      {
+        type: 'interval',
+        encode: { x: 'title', y: 'ranges', color: '#f0efff' },
+        style: { maxWidth: 30 },
+        axis: { y: { grid: true, gridLineWidth: 2 }, x: { title: false } },
+      },
+      {
+        type: 'interval',
+        encode: { x: 'title', y: 'measures', color: '#5B8FF9' },
+        style: { maxWidth: 20 },
+        labels: [
+          { text: 'measures', position: 'right', textAlign: 'left', dx: 5 },
+        ],
+      },
+      {
+        type: 'point',
+        encode: {
+          size: 15,
+          x: 'title',
+          y: 'target',
+          shape: 'line',
+          color: 'red',
+        },
+        tooltip: { title: false, items: [{ channel: 'y' }] },
+      },
+    ],
+  };
+}
diff --git a/site/examples/general/bullet/demo/bullet-datas.ts b/site/examples/general/bullet/demo/bullet-datas.ts
new file mode 100644
index 0000000000..6c82a4b12c
--- /dev/null
+++ b/site/examples/general/bullet/demo/bullet-datas.ts
@@ -0,0 +1,79 @@
+import { Chart } from '@antv/g2';
+
+const chart = new Chart({
+  container: 'container',
+});
+
+const colors = {
+  ranges: ['#bfeec8', '#FFe0b0', '#FFbcb8'],
+  measures: ['#61DDAA', '#5B8FF9'],
+  target: '#39a3f4',
+};
+
+const data = [
+  {
+    title: '满意度',
+    ranges: 100,
+    measures: 60,
+    target: 90,
+  },
+  {
+    title: '满意度',
+    ranges: 80,
+    measures: 10,
+  },
+  {
+    title: '满意度',
+    ranges: 30,
+  },
+];
+
+chart.coordinate({ transform: [{ type: 'transpose' }] });
+
+chart.data(data).legend(false);
+
+chart
+  .interval()
+  .style('maxWidth', 30)
+  .axis({
+    y: {
+      grid: true,
+      gridLineWidth: 2,
+    },
+    x: {
+      title: false,
+    },
+  })
+  .encode('y', 'ranges')
+  .encode('x', 'title')
+  .style('fill', (d, i) => colors['ranges'][i])
+  .encode('color', 'ranges');
+
+chart
+  .interval()
+  .style('maxWidth', 20)
+  .encode('y', 'measures')
+  .encode('color', '#5B8FF9')
+  .encode('x', 'title')
+  .style('fill', (d, i) => colors['measures'][i])
+  .label({
+    text: 'measures',
+    position: 'right',
+    textAlign: 'left',
+    dx: 5,
+  });
+
+chart
+  .point()
+  .encode('size', 8)
+  .style('lineWidth', 1)
+  .encode('y', 'target')
+  .encode('x', 'title')
+  .encode('shape', 'line')
+  .encode('color', colors['target'])
+  .tooltip({
+    title: false,
+    items: [{ channel: 'y' }],
+  });
+
+chart.render();
diff --git a/site/examples/general/bullet/demo/bullet.ts b/site/examples/general/bullet/demo/bullet.ts
new file mode 100644
index 0000000000..d7bc89db94
--- /dev/null
+++ b/site/examples/general/bullet/demo/bullet.ts
@@ -0,0 +1,61 @@
+import { Chart } from '@antv/g2';
+
+const chart = new Chart({
+  container: 'container',
+});
+
+const data = [
+  {
+    title: '满意度',
+    ranges: 100,
+    measures: 80,
+    target: 85,
+  },
+];
+
+chart.coordinate({ transform: [{ type: 'transpose' }] });
+
+chart.data(data);
+
+chart
+  .interval()
+  .style('maxWidth', 30)
+  .axis({
+    y: {
+      grid: true,
+      gridLineWidth: 2,
+    },
+    x: {
+      title: false,
+    },
+  })
+  .encode('x', 'title')
+  .encode('y', 'ranges')
+  .encode('color', '#f0efff');
+
+chart
+  .interval()
+  .style('maxWidth', 20)
+  .encode('x', 'title')
+  .encode('y', 'measures')
+  .encode('color', '#5B8FF9')
+  .label({
+    text: 'measures',
+    position: 'right',
+    textAlign: 'left',
+    dx: 5,
+  });
+
+chart
+  .point()
+  .encode('size', 8)
+  .encode('x', 'title')
+  .encode('y', 'target')
+  .encode('shape', 'line')
+  .encode('color', '#3D76DD')
+  .tooltip({
+    title: false,
+    items: [{ channel: 'y' }],
+  });
+
+chart.render();
diff --git a/site/examples/general/bullet/demo/bullets.ts b/site/examples/general/bullet/demo/bullets.ts
new file mode 100644
index 0000000000..6b993edcc6
--- /dev/null
+++ b/site/examples/general/bullet/demo/bullets.ts
@@ -0,0 +1,79 @@
+import { Chart } from '@antv/g2';
+
+const chart = new Chart({
+  container: 'container',
+});
+
+const data = [
+  {
+    title: '5🌟',
+    ranges: 100,
+    measures: 40,
+    target: 85,
+  },
+  {
+    title: '4🌟',
+    ranges: 100,
+    measures: 80,
+    target: 40,
+  },
+  {
+    title: '3🌟',
+    ranges: 100,
+    measures: 20,
+    target: 22,
+  },
+  {
+    title: '0-2🌟',
+    ranges: 100,
+    measures: 30,
+    target: 10,
+  },
+];
+
+chart.coordinate({ transform: [{ type: 'transpose' }] });
+
+chart.data(data);
+
+chart
+  .interval()
+  .style('maxWidth', 30)
+  .axis({
+    y: {
+      grid: true,
+      gridLineWidth: 2,
+    },
+    x: {
+      title: false,
+    },
+  })
+  .encode('x', 'title')
+  .encode('y', 'ranges')
+  .encode('color', '#f0efff');
+
+chart
+  .interval()
+  .style('maxWidth', 20)
+  .encode('x', 'title')
+  .encode('y', 'measures')
+  .encode('color', '#5B8FF9')
+  .label({
+    text: 'measures',
+    position: 'right',
+    textAlign: 'left',
+    dx: 5,
+  });
+
+chart
+  .point()
+  .encode('size', 15)
+  .encode('x', 'title')
+  .encode('y', 'target')
+  .encode('shape', 'line')
+  .encode('color', 'red')
+  .tooltip({
+    title: false,
+    items: [{ channel: 'y' }],
+  });
+
+chart.render();
diff --git a/site/examples/general/bullet/demo/meta.json b/site/examples/general/bullet/demo/meta.json
new file mode 100644
index 0000000000..4cd13caccd
--- /dev/null
+++ b/site/examples/general/bullet/demo/meta.json
@@ -0,0 +1,32 @@
+{
+  "title": {
+    "zh": "中文分类",
+    "en": "Category"
+  },
+  "demos": [
+    {
+      "filename": "bullet.ts",
+      "title": {
+        "zh": "子弹图",
+        "en": "Bullet"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_za7we3/afts/img/A*rRZQQ6I4Ic4AAAAAAAAAAAAADo2bAQ/original"
+    },
+    {
+      "filename": "bullet-datas.ts",
+      "title": {
+        "zh": "子弹图 更多数据",
+        "en": "Bullet more data"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_za7we3/afts/img/A*fHiHTrdGO10AAAAAAAAAAAAADo2bAQ/original"
+    },
+    {
+      "filename": "bullets.ts",
+      "title": {
+        "zh": "多条子弹图",
+        "en": "Bullet charts"
+      },
+      "screenshot": "https://mdn.alipayobjects.com/huamei_za7we3/afts/img/A*wTXUQoxeACgAAAAAAAAAAAAADo2bAQ/original"
+    }
+  ]
+}
diff --git a/site/examples/general/bullet/index.en.md b/site/examples/general/bullet/index.en.md
new file mode 100644
index 0000000000..6743667be0
--- /dev/null
+++ b/site/examples/general/bullet/index.en.md
@@ -0,0 +1,4 @@
+---
+title: Bullet
+order: 18
+---
\ No newline at end of file
diff --git a/site/examples/general/bullet/index.zh.md b/site/examples/general/bullet/index.zh.md
new file mode 100644
index 0000000000..876f91f63d
--- /dev/null
+++ b/site/examples/general/bullet/index.zh.md
@@ -0,0 +1,4 @@
+---
+title: 子弹图
+order: 18
+---
\ No newline at end of file