feat: add new chart

Author: kagawagao

__tests__/plots/area.spec.tsx

@@ -1,14 +1,14 @@
 import { mount } from '@vue/test-utils'
 import AreaChart from '../../src/plots/area'
 
+const config = {
+  data: [],
+  xField: 'a',
+  yField: 'b',
+}
+
 describe('AreaChart', () => {
   test('should render without crashed', () => {
-    mount(AreaChart, {
-      props: {
-        data: [],
-        xField: 'a',
-        yField: 'b',
-      },
-    })
+    mount(() => <AreaChart {...config} />)
   })
 })

__tests__/plots/box.spec.tsx

@@ -0,0 +1,14 @@
+import { mount } from '@vue/test-utils'
+import BoxChart from '../../src/plots/box'
+
+const config = {
+  data: [],
+  xField: 'a',
+  yField: 'b',
+}
+
+describe('BoxChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <BoxChart {...config} />)
+  })
+})

__tests__/plots/dual-axes.spec.tsx

@@ -0,0 +1,24 @@
+import { mount } from '@vue/test-utils'
+import DualAxesChart from '../../src/plots/dual-axes'
+const data = [
+  { year: '1991', value: 3, count: 10 },
+  { year: '1992', value: 4, count: 4 },
+  { year: '1993', value: 3.5, count: 5 },
+  { year: '1994', value: 5, count: 5 },
+  { year: '1995', value: 4.9, count: 4.9 },
+  { year: '1996', value: 6, count: 35 },
+  { year: '1997', value: 7, count: 7 },
+  { year: '1998', value: 9, count: 1 },
+  { year: '1999', value: 13, count: 20 },
+]
+const config = {
+  data: [data, data],
+  xField: 'year',
+  yField: ['value', 'count'],
+}
+
+describe('DualAxesChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <DualAxesChart {...config} />)
+  })
+})

__tests__/plots/stock.spec.tsx

@@ -0,0 +1,33 @@
+import { mount } from '@vue/test-utils'
+import StockChart from '../../src/plots/stock'
+
+const data = [
+  { x: 'Oceania', low: 1, q1: 9, median: 16, q3: 22, high: 24 },
+  { x: 'East Europe', low: 1, q1: 5, median: 8, q3: 12, high: 16 },
+  { x: 'Australia', low: 1, q1: 8, median: 12, q3: 19, high: 26 },
+  { x: 'South America', low: 2, q1: 8, median: 12, q3: 21, high: 28 },
+  { x: 'North Africa', low: 1, q1: 8, median: 14, q3: 18, high: 24 },
+  { x: 'North America', low: 3, q1: 10, median: 17, q3: 28, high: 30 },
+  { x: 'West Europe', low: 1, q1: 7, median: 10, q3: 17, high: 22 },
+  { x: 'West Africa', low: 1, q1: 6, median: 8, q3: 13, high: 16 },
+]
+
+const config = {
+  width: 400,
+  height: 500,
+  data: data,
+  xField: 'x',
+  yField: ['low', 'q1', 'median', 'q3', 'high'],
+  boxStyle: {
+    stroke: '#545454',
+    fill: '#1890FF',
+    fillOpacity: 0.3,
+  },
+  animation: false,
+} as any
+
+describe('StockChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <StockChart {...config} />)
+  })
+})