Dev/optimize gpt-vis-chart (#222)

* feat: fixed chart

* feat: fixed column and bar group

* feat: add change

* feat: fixed export

* feat: fixed common demo

---------

Co-authored-by: duxinyue.dxy <[email protected]>
Co-authored-by: hustcc <[email protected]>

Author: 3 people

.changeset/full-paws-bet.md

@@ -0,0 +1,5 @@
+---
+'@antv/gpt-vis': patch
+---
+
+charts optimize

bindings/gpt-vis-ssr/__tests__/bar.spec.ts

@@ -289,4 +289,46 @@ describe('SSR render', () => {
     expect(vis.toBuffer()).toImageEqual('__tests__/snapshot', 'bar-grouped-custom-style');
     vis.destroy();
   });
+
+  it('bar-data-no-group-grouped', async () => {
+    const vis = await render({
+      width: 600,
+      height: 400,
+      type: 'bar',
+      data: [
+        { category: 'Sports', value: 275 },
+        { category: 'Strategy', value: 115 },
+        { category: 'Action', value: 120 },
+        { category: 'Shooter', value: 350 },
+        { category: 'Other', value: 150 },
+      ],
+      axisXTitle: 'Type',
+      axisYTitle: 'Sold',
+      group: true,
+    });
+
+    expect(vis.toBuffer()).toImageEqual('__tests__/snapshot', 'bar-data-no-group-grouped');
+    vis.destroy();
+  });
+
+  it('bar-data-no-group-stacked', async () => {
+    const vis = await render({
+      width: 600,
+      height: 400,
+      type: 'bar',
+      data: [
+        { category: 'Sports', value: 275 },
+        { category: 'Strategy', value: 115 },
+        { category: 'Action', value: 120 },
+        { category: 'Shooter', value: 350 },
+        { category: 'Other', value: 150 },
+      ],
+      axisXTitle: 'Type',
+      axisYTitle: 'Sold',
+      stack: true,
+    });
+
+    expect(vis.toBuffer()).toImageEqual('__tests__/snapshot', 'bar-data-no-group-stacked');
+    vis.destroy();
+  });
 });

bindings/gpt-vis-ssr/__tests__/column.spec.ts

@@ -285,4 +285,45 @@ describe('SSR render', () => {
     expect(vis.toBuffer()).toImageEqual('__tests__/snapshot', 'column-grouped-custom-style');
     vis.destroy();
   });
+  it('column-data-no-group-grouped', async () => {
+    const vis = await render({
+      width: 600,
+      height: 400,
+      type: 'column',
+      data: [
+        { category: 'Sports', value: 275 },
+        { category: 'Strategy', value: 115 },
+        { category: 'Action', value: 120 },
+        { category: 'Shooter', value: 350 },
+        { category: 'Other', value: 150 },
+      ],
+      axisXTitle: 'Type',
+      axisYTitle: 'Sold',
+      group: true,
+    });
+
+    expect(vis.toBuffer()).toImageEqual('__tests__/snapshot', 'column-data-no-group-grouped');
+    vis.destroy();
+  });
+
+  it('column-data-no-group-stacked', async () => {
+    const vis = await render({
+      width: 600,
+      height: 400,
+      type: 'column',
+      data: [
+        { category: 'Sports', value: 275 },
+        { category: 'Strategy', value: 115 },
+        { category: 'Action', value: 120 },
+        { category: 'Shooter', value: 350 },
+        { category: 'Other', value: 150 },
+      ],
+      axisXTitle: 'Type',
+      axisYTitle: 'Sold',
+      group: true,
+    });
+
+    expect(vis.toBuffer()).toImageEqual('__tests__/snapshot', 'column-data-no-group-stacked');
+    vis.destroy();
+  });
 });

bindings/gpt-vis-ssr/__tests__/radar.spec.ts

@@ -165,7 +165,7 @@ describe('SSR render', () => {
       ],
       theme: 'dark',
       style: {
-        backgroundColor: 'transparent',
+        backgroundColor: '#333',
         palette: PALETTE,
       },
     });