feat: introduce new charts

* SankeyChart
* TreemapChart
* ChordChart

Author: kagawagao

__tests__/plots/chord.spec.tsx

@@ -0,0 +1,31 @@
+import { mount } from '@vue/test-utils'
+import ChordChart from '../../src/plots/chord'
+
+const DATA = [
+  { source: '北京', target: '天津', value: 30 },
+  { source: '北京', target: '上海', value: 80 },
+  { source: '北京', target: '河北', value: 46 },
+  { source: '北京', target: '辽宁', value: 49 },
+  { source: '北京', target: '黑龙江', value: 69 },
+  { source: '北京', target: '吉林', value: 19 },
+  { source: '天津', target: '河北', value: 62 },
+  { source: '天津', target: '辽宁', value: 82 },
+  { source: '天津', target: '上海', value: 16 },
+  { source: '上海', target: '黑龙江', value: 16 },
+  { source: '河北', target: '黑龙江', value: 76 },
+  { source: '河北', target: '内蒙古', value: 24 },
+  { source: '内蒙古', target: '北京', value: 32 },
+]
+
+const config = {
+  data: DATA,
+  sourceField: 'source',
+  targetField: 'target',
+  weightField: 'value',
+}
+
+describe('ChordChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <ChordChart {...config} />)
+  })
+})

__tests__/plots/sankey.spec.tsx

@@ -0,0 +1,33 @@
+import { mount } from '@vue/test-utils'
+import SankeyChart from '../../src/plots/sankey'
+const DATA = [
+  { source: '首次打开', target: '首页 UV', value: 160 },
+  { source: '结果页', target: '首页 UV', value: 40 },
+  { source: '验证页', target: '首页 UV', value: 10 },
+  { source: '我的', target: '首页 UV', value: 10 },
+  { source: '朋友', target: '首页 UV', value: 8 },
+  { source: '其他来源', target: '首页 UV', value: 27 },
+  { source: '首页 UV', target: '理财', value: 30 },
+  { source: '首页 UV', target: '扫一扫', value: 40 },
+  { source: '首页 UV', target: '服务', value: 35 },
+  { source: '首页 UV', target: '蚂蚁森林', value: 25 },
+  { source: '首页 UV', target: '跳失', value: 10 },
+  { source: '首页 UV', target: '借呗', value: 30 },
+  { source: '首页 UV', target: '花呗', value: 40 },
+  { source: '首页 UV', target: '其他流向', value: 45 },
+]
+
+const config = {
+  data: DATA,
+  sourceField: 'source',
+  targetField: 'target',
+  weightField: 'value',
+  nodeWidthRatio: 0.008,
+  nodePaddingRatio: 0.03,
+}
+
+describe('SankeyChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <SankeyChart {...config} />)
+  })
+})

__tests__/plots/treemap.spec.tsx

@@ -0,0 +1,39 @@
+import { mount } from '@vue/test-utils'
+import TreemapChart from '../../src/plots/treemap'
+
+const data = {
+  name: 'root',
+  children: [
+    { name: '分类 1', value: 560 },
+    { name: '分类 2', value: 500 },
+    { name: '分类 3', value: 150 },
+    { name: '分类 4', value: 140 },
+    { name: '分类 5', value: 115 },
+    { name: '分类 6', value: 95 },
+    { name: '分类 7', value: 90 },
+    { name: '分类 8', value: 75 },
+    { name: '分类 9', value: 98 },
+    { name: '分类 10', value: 60 },
+    { name: '分类 11', value: 45 },
+    { name: '分类 12', value: 40 },
+    { name: '分类 13', value: 40 },
+    { name: '分类 14', value: 35 },
+    { name: '分类 15', value: 40 },
+    { name: '分类 16', value: 40 },
+    { name: '分类 17', value: 40 },
+    { name: '分类 18', value: 30 },
+    { name: '分类 19', value: 28 },
+    { name: '分类 20', value: 16 },
+  ],
+}
+
+const config = {
+  data,
+  colorField: 'name',
+}
+
+describe('TreemapChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <TreemapChart {...config} />)
+  })
+})