vue使用g2图表

1,安装g2
npm i @antv/g2plot --save
2,用法,以水波纹为例

import { Liquid } from '@antv/g2plot';

const liquidPlot = new Liquid('container', {
  percent: 0.25,
  outline: {
    border: 4,
    distance: 8,
  },
  wave: {
    length: 128,
  },
});
liquidPlot.render();

3，相关属性
border: 0,
distance: 1
可以调整边框宽度

 liquidPlot.update({ "theme": { "styleSheet": { "brandColor": "#f1d22c", "paletteQualitative10": ["#5B8FF9", "#61DDAA", "#65789B", "#F6BD16", "#7262fd", "#78D3F8", "#9661BC", "#F6903D", "#008685", "#F08BB4"], "paletteQualitative20": ["#5B8FF9", "#CDDDFD", "#61DDAA", "#CDF3E4", "#65789B", "#CED4DE", "#F6BD16", "#FCEBB9", "#7262fd", "#D3CEFD", "#78D3F8", "#D3EEF9", "#9661BC", "#DECFEA", "#F6903D", "#FFE0C7", "#008685", "#BBDEDE", "#F08BB4", "#FFE0ED"] } } })

brandColor可以设置颜色
appendPadding:[0,0,0,-140],可以设置距离上下左右的位置