vue2中使用AntV 以g2plot为实例

目录

• 使用AntV以g2plot为例
• 效果
• 代码
• antV g2的简单运用
• 安装
• 语法介绍

npm install @antv/g2plot

npm install @antv/g2 --save

import { Chart } from "@antv/g2";

const data = [
  { year: "1951 年", sales: 38 },
  { year: "1952 年", sales: 52 },
  { year: "1956 年", sales: 61 },
  { year: "1957 年", sales: 145 },
  { year: "1958 年", sales: 48 },
  { year: "1959 年", sales: 38 },
  { year: "1960 年", sales: 38 },
  { year: "1962 年", sales: 38 },
];
const chart = new Chart({
  container: "container",
  autoFit: true,
  height: 500,
});
chart.data(data);
chart.scale("sales", {
  nice: true,
});
chart.tooltip({
  showMarkers: false
});
chart.interaction("active-region");
chart.interval().position("year*sales");
chart.render();