docs: add examples new images

antvis · Dec 7, 2023 · 86a927d · 86a927d
1 parent c525480
commit 86a927d
Show file tree

Hide file tree

Showing 52 changed files with 161 additions and 154 deletions.
diff --git a/site/examples/analysis/bin/demo/meta.json b/site/examples/analysis/bin/demo/meta.json
@@ -10,15 +10,15 @@
         "zh": "直方图",
         "en": "Histogram"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*sE4kQYzbhS8AAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*WJFaSp1JLHQAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "binx-color.ts",
       "title": {
         "zh": "颜色分类直方图",
         "en": "Histogram with Color"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*sk8XRJTkuwYAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*l6NBRburGGcAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "bin-color.ts",
@@ -34,23 +34,23 @@
         "zh": "透明度分箱",
         "en": "Bin Opacity Channel"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*T_YISqIQuasAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*REZQSLd63dYAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "bin-size.ts",
       "title": {
         "zh": "大小分箱",
         "en": "Bin Size Channel"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*CWRPSrX4bEcAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*OTA1TLuF-l4AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "poisson.ts",
       "title": {
         "zh": "泊松分布",
         "en": "Poisson distribution"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*JGWJSYvn8okAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*1YpETqJXr9QAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/analysis/group/demo/meta.json b/site/examples/analysis/group/demo/meta.json
@@ -26,7 +26,7 @@
         "zh": "聚合条形图",
         "en": "Aggregated Bar Chart"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*BhULSZiZisIAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ZMTCT50nmwcAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "bar-aggregated-stacked.ts",
@@ -50,7 +50,7 @@
         "zh": "一维聚合堆叠条形图",
         "en": "Aggregated Stacked Bar Chart, 1D"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*6CbxQ6P9bFcAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*dWoBQ7aVlcQAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "bar-multi-measure.ts",

diff --git a/site/examples/analysis/regression/demo/meta.json b/site/examples/analysis/regression/demo/meta.json
@@ -10,39 +10,39 @@
         "zh": "线性回归线",
         "en": "Linear Regression"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*svhHQLE2hFcAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*px9zQYKi5FsAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "quadratic-regression.ts",
       "title": {
         "zh": "二项式回归线",
         "en": "Quadratic Regression"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_XyFSaCzQWIAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*4C26SqNkoG8AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "exponential-regression.ts",
       "title": {
         "zh": "指数回归线",
         "en": "Exponential Regression"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*0X4NR4DrVw4AAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*tPkpRqqP7rsAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "logarithmic-regression.ts",
       "title": {
         "zh": "对数回归线",
         "en": "Logarithmic Regression"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*V0TJS6Npo2QAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*onhxRaj8iP0AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "polynomial-regression.ts",
       "title": {
         "zh": "多项式回归线",
         "en": "Polynomial Regression"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*PyI3SqUwQSoAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*SXUpRZiOlbIAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/annotation/connector/demo/meta.json b/site/examples/annotation/connector/demo/meta.json
@@ -10,15 +10,15 @@
         "zh": "链接线标记的瀑布图",
         "end": "Interval, Connector Annotation"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*-a9EQpzBTDMAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*9BOSQozPCx4AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "revenue-flow-waterfall.ts",
       "title": {
         "zh": "线标记的瀑布图",
         "en": "Revenue Flow Waterfall Chart"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*fG4DT7XWNzUAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*qRAFQqfcyygAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/annotation/line/demo/meta.json b/site/examples/annotation/line/demo/meta.json
@@ -10,23 +10,23 @@
         "zh": "平均值线标注的直方图",
         "en": "Histogram, Annotation Mean Value with LineX"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*kuFOR5JKe3gAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*VJVAT7Rkx9MAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "interval-mean-line.ts",
       "title": {
         "zh": "平均值线标注的柱状图",
         "en": "Interval, Annotation Mean Value with LineY"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*kmcqRo4tfmcAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*BG5UTbE7gycAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "interval-threshold.ts",
       "title": {
         "zh": "突出超出阈值的柱状图",
         "en": "Interval, Highlight Values beyond a Threshold"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*xZ7dTLAW1uEAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*-seGQa_dPyoAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "point-line.ts",
@@ -58,7 +58,7 @@
         "zh": "异动趋势图",
         "en": "Anomaly Trend Line, Area Annotation"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*nyVFQb9QBBkAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*DdeURpZKfwAAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/annotation/range/demo/meta.json b/site/examples/annotation/range/demo/meta.json
@@ -10,15 +10,15 @@
         "zh": "区域标记的散点图",
         "en": "Point, Range Annotation"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*55rRTr9NWXsAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*w1BBRYvJf_UAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "line-range.ts",
       "title": {
         "zh": "区间标注的折线图",
         "en": "Line, Range Annotation"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*dmYgTY3kxDoAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*OCgJSIpz7KMAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/annotation/shape/demo/interval-point.ts b/site/examples/annotation/shape/demo/interval-point.ts
@@ -3,6 +3,7 @@ import { Chart } from '@antv/g2';
 const chart = new Chart({
   container: 'container',
   autoFit: true,
+  paddingRight: 30,
 });
 
 chart.coordinate({ transform: [{ type: 'transpose' }] });

diff --git a/site/examples/annotation/shape/demo/meta.json b/site/examples/annotation/shape/demo/meta.json
@@ -10,23 +10,23 @@
         "zh": "点标记的条形图",
         "en": "Interval, Point Annotation"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*wvDFSJTsnrwAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ypE2SbuV6kwAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "line-badge.ts",
       "title": {
         "zh": "徽章标记的折线图",
         "en": "Line, Badge Annotation"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*pgeoRLW4bEcAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*INjOS7ExVzYAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "watermark.ts",
       "title": {
         "zh": "徽章水印",
         "en": "Watermark"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*aIpTRZ-_b9wAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*LA11Rqfk2Y4AAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/component/axis/demo/axis.ts b/site/examples/component/axis/demo/axis.ts
@@ -72,7 +72,7 @@ function medal(ranking) {
       text,
       fill: 'gray',
       textAlign: 'center',
-      transform: `translate(0, 25)`,
+      transform: `translate(0, 35)`,
     },
   });
 

diff --git a/site/examples/component/axis/demo/meta.json b/site/examples/component/axis/demo/meta.json
@@ -18,31 +18,31 @@
         "zh": "x 和 y 方向坐标轴",
         "en": "AxisX and AxisY"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*CtPmSYjKyKAAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*84x4RKr1uA8AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "axis-polar.ts",
       "title": {
         "zh": "极坐标下坐标轴",
         "en": "Axis Polar"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*5KPvQoiA0XMAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*s_KgSKR6XeIAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "axis-multi.ts",
       "title": {
         "zh": "多坐标轴",
         "en": "Multi Axis"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*aQv5Q7WKx3UAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*aeDQQqTlA1sAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "axis.ts",
       "title": {
         "zh": "自定义坐标轴标签",
         "en": "Axis"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*_nL3RJIScmcAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*NEbsT6qCFSEAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/component/label/demo/meta.json b/site/examples/component/label/demo/meta.json
@@ -10,31 +10,31 @@
         "zh": "数据标签碰撞隐藏",
         "en": "Overlap Hide"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*clZ2SbxuHloAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*d3PIQKO4qpoAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "overflowHide.ts",
       "title": {
         "zh": "数据标签超出隐藏",
         "en": "Overflow Hide"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*EMy1RqEBmm4AAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*nBSvRaadPpYAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "contrastReverse.ts",
       "title": {
         "zh": "数据标签颜色反转",
         "en": "Contrast Reverse"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*CUyIT4Bxx9wAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*uCijTZ64mdQAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "htmlLabel.ts",
       "title": {
         "zh": "HTML 标签",
         "en": "HTML Label"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*rUexRKH7czsAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*OMnRQ5IgftkAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/component/legend/demo/meta.json b/site/examples/component/legend/demo/meta.json
@@ -10,7 +10,7 @@
         "zh": "自定义图例标签",
         "en": "Category Legend"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*oB8RRYc9l2IAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*dd0oR5_JfToAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "continuous.ts",
@@ -26,7 +26,7 @@
         "zh": "自定义图例",
         "en": "Custom Legend"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*E7CSRo5RsZ8AAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*mZFvTZtdBEUAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/component/scrollbar/demo/meta.json b/site/examples/component/scrollbar/demo/meta.json
@@ -10,7 +10,7 @@
         "zh": "滚动条",
         "en": "Scrollbar"
       },
-      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ompnRpW0vycAAAAAAAAAAAAADmJ7AQ/original"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*SYeoT6E_CmMAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }
diff --git a/site/examples/composition/facet/demo/meta.json b/site/examples/composition/facet/demo/meta.json
@@ -18,39 +18,39 @@
         "zh": "列矩行分面",
         "en": "Col Facet Rect"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*HrOKSpDc7tYAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*21B-Qa-dWPMAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "rect.ts",
       "title": {
         "zh": "矩行分面",
         "en": "Facet Rect"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*xDR0QKhMLHQAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*GwKzQ66lGqYAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "rect-bar.ts",
       "title": {
         "zh": "日历条形图",
         "en": "Calendar Bar Chart"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*bsgVT78LDYoAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*ZVOtQ4Bmir0AAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "rect-pie.ts",
       "title": {
         "zh": "日历饼图",
         "en": "Calendar Pie Chart"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*gB2OR63NPHIAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*USKZRKqpAvgAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "circle.ts",
       "title": {
         "zh": "圆形分面",
         "en": "Facet Circle"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*Tsx5RJVrVtsAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*V61eQY0Qs4cAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "rect-frame.ts",

diff --git a/site/examples/composition/repeat/demo/meta.json b/site/examples/composition/repeat/demo/meta.json
@@ -10,15 +10,15 @@
         "zh": "列重复矩阵",
         "en": "Repeat Matrix, Col"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*MhTMTrLKT5UAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*1vHlSIQnIqgAAAAAAAAAAAAADmJ7AQ/original"
     },
     {
       "filename": "matrix.ts",
       "title": {
         "zh": "重复矩阵",
         "en": "Repeat Matrix"
       },
-      "screenshot": "https://mdn.alipayobjects.com/mdn/huamei_qa8qxu/afts/img/A*We0gRJIdGYUAAAAAAAAAAAAADmJ7AQ"
+      "screenshot": "https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*AT8rSbCrQJwAAAAAAAAAAAAADmJ7AQ/original"
     }
   ]
 }