feat: add TreemapChart and BulletChart support

README.md

@@ -114,6 +114,8 @@ Extra Props:
 - [x] [`RoseChart`](https://g2plot.antv.vision/zh/examples/rose/basic)
 - [x] [`WordCloudChart`](https://g2plot.antv.vision/zh/examples/word-cloud/basic)
 - [x] [`AVAChart`](https://github.com/antvis/AVA)
+- [x] [`BulletChart`](https://g2plot.antv.vision/zh/examples/bullet/basic)
+- [x] [`TreemapChart`](https://g2plot.antv.vision/zh/examples/treemap/rect)
 
 ## Develop
 

__tests__/plots/bullet.spec.tsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import { create } from 'react-test-renderer'
+import BulletChart from '../../src/plots/bullet'
+
+describe('BulletChart', () => {
+  test('should render without crashed', () => {
+    const renderer = create(
+      <BulletChart
+        rangeMax={100}
+        data={[
+          {
+            targets: [90],
+            measures: [0.9],
+          },
+        ]}
+      />
+    )
+
+    expect(renderer.toJSON()).toMatchSnapshot()
+  })
+})

__tests__/plots/treemap.spec.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { create } from 'react-test-renderer'
+import TreemapChart from '../../src/plots/treemap'
+
+describe('TreemapChart', () => {
+  test('should render without crashed', () => {
+    const renderer = create(<TreemapChart data={[]} colorField="x" />)
+
+    expect(renderer.toJSON()).toMatchSnapshot()
+  })
+})

src/index.tsx

@@ -31,3 +31,5 @@ export { default as LiquidChart } from './plots/liquid'
 export { default as FunnelChart } from './plots/funnel'
 export { default as OverlappedComboChart } from './plots/overlapped-combo'
 export { default as AVAChart } from './plots/ava'
+export { default as BulletChart } from './plots/bullet'
+export { default as TreemapChart } from './plots/treemap'

src/plots/bullet.tsx

@@ -0,0 +1,11 @@
+import React, { FC } from 'react'
+import { Bullet, BulletConfig } from '@antv/g2plot'
+import BaseChart, { BaseChartProps } from './base'
+
+export type BulletChartProps = Omit<BaseChartProps, 'chart'> & BulletConfig
+
+const BulletChart: FC<BulletChartProps> = props => {
+  return <BaseChart chart={Bullet} {...props} />
+}
+
+export default BulletChart

src/plots/treemap.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react'
+import { Treemap } from '@antv/g2plot'
+import BaseChart, { BaseChartProps } from './base'
+// FIXME: fix this after https://github.com/antvis/G2Plot/pull/652 merged
+import { TreemapConfig } from '@antv/g2plot/lib/plots/treemap'
+
+export type TreemapChartProps = Omit<BaseChartProps, 'chart'> & TreemapConfig
+
+const TreemapChart: FC<TreemapChartProps> = props => {
+  return <BaseChart chart={Treemap} {...props} />
+}
+
+export default TreemapChart