fix: charts issue

Author: lxfu1

__tests__/bugs/issue-292-spec.ts

@@ -0,0 +1,45 @@
+import { Heatmap } from '../../src';
+import { createDiv } from '../utils/dom';
+
+describe('heatmap', () => {
+  it('x*y*color and type', async () => {
+    const data = await fetch('https://gw.alipayobjects.com/os/antvdemo/assets/data/heatmap.json').then((res) =>
+      res.json()
+    );
+    const heatmap = new Heatmap(createDiv('type density'), {
+      width: 600,
+      height: 500,
+      data: [],
+      autoFit: false,
+      type: 'density',
+      xField: 'g',
+      yField: 'l',
+      colorField: 'tmp',
+      color: '#F51D27-#FA541C-#FF8C12-#FFC838-#FAFFA8-#80FF73-#12CCCC-#1890FF-#6E32C2',
+      annotations: [
+        {
+          type: 'image',
+          start: ['min', 'max'],
+          end: ['max', 'min'],
+          src: 'https://gw.alipayobjects.com/zos/rmsportal/NeUTMwKtPcPxIFNTWZOZ.png',
+        },
+      ],
+    });
+
+    heatmap.render();
+    const geometry = heatmap.chart.geometries[0];
+    // @ts-ignore
+    const { attributeOption } = geometry;
+    expect(heatmap.options.type).toBe('density');
+    expect(geometry.type).toBe('heatmap');
+    expect(attributeOption.position.fields).toEqual(['g', 'l']);
+    expect(attributeOption.color.fields).toEqual(['tmp']);
+    expect(attributeOption.color.values).toBe(
+      '#F51D27-#FA541C-#FF8C12-#FFC838-#FAFFA8-#80FF73-#12CCCC-#1890FF-#6E32C2'
+    );
+    heatmap.changeData(data);
+    console.log(heatmap);
+    expect(heatmap.chart.geometries[0].data.length).toBe(500);
+    expect(heatmap.chart.getOptions().data.length).toBe(500);
+  });
+});

__tests__/bugs/issue-294-spec.ts

@@ -0,0 +1,59 @@
+import { DualAxes } from '../../src';
+import { createDiv } from '../utils/dom';
+import { delay } from '../utils/delay';
+
+describe('DualAxes', () => {
+  it('change data', async () => {
+    const uvData = [
+      { time: '2019-03', value: 35 },
+      { time: '2019-04', value: 90 },
+      { time: '2019-05', value: 30 },
+      { time: '2019-06', value: 45 },
+      { time: '2019-07', value: 47 },
+    ];
+
+    const transformData = [
+      { time: '2019-03', count: 800, name: 'a' },
+      { time: '2019-04', count: 600, name: 'a' },
+      { time: '2019-05', count: 400, name: 'a' },
+      { time: '2019-06', count: 380, name: 'a' },
+      { time: '2019-07', count: 220, name: 'a' },
+      { time: '2019-03', count: 750, name: 'b' },
+      { time: '2019-04', count: 650, name: 'b' },
+      { time: '2019-05', count: 450, name: 'b' },
+      { time: '2019-06', count: 400, name: 'b' },
+      { time: '2019-07', count: 320, name: 'b' },
+      { time: '2019-03', count: 900, name: 'c' },
+      { time: '2019-04', count: 600, name: 'c' },
+      { time: '2019-05', count: 450, name: 'c' },
+      { time: '2019-06', count: 300, name: 'c' },
+      { time: '2019-07', count: 200, name: 'c' },
+    ];
+    const DualAxesPlot = new DualAxes(createDiv(), {
+      width: 400,
+      height: 400,
+      data: [[], []],
+      xField: 'time',
+      yField: ['value', 'count'],
+      animation: false,
+      geometryOptions: [
+        {
+          geometry: 'column',
+          color: '#5B8FF9',
+          columnWidthRatio: 0.4,
+        },
+        {
+          geometry: 'line',
+          seriesField: 'name',
+          color: ['#CDDDFD', '#CDF3E4', '#CED4DE'],
+        },
+      ],
+    });
+    DualAxesPlot.render();
+    expect(DualAxesPlot.options.yField).toEqual(['value', 'count']);
+    await delay(500);
+    DualAxesPlot.changeData([uvData, transformData]);
+    expect(DualAxesPlot.options.geometryOptions[0].geometry).toBe('column');
+    expect(DualAxesPlot.chart.views[0].geometries[0].shapeType).toBe('interval');
+  });
+});

__tests__/unit/plots/sunburst/change-data-spec.ts

@@ -26,6 +26,7 @@ describe('sunburst', () => {
     sunburstPlot.changeData(data);
     const geometry = sunburstPlot.chart.geometries[0];
     expect(geometry.type).toBe('polygon');
+    expect(sunburstPlot.options.color).toEqual(['#BAE7FF', '#1890FF', '#0050B3']);
     const {
       // @ts-ignore
       labelOption: { fields, cfg },