antv-g2语法总结

目的

使用antv-g2完成一个图表，该图表有两种结构组成，散点图与矩形图组成。我们需要将散点图与矩形图分别在两个view中绘制，所以还需要总结一下view的概念。

第一步语法基础

首先是引入相应依赖，其次是创建html容器<div id="c1"></div>，最后是数据以及相应初始化代码

const data = [
  { feature: 'Battery', value: 0.22, phone: 'iPhone' },
  { feature: 'Brand', value: 0.28, phone: 'iPhone' },
  { feature: 'Contract', value: 0.29, phone: 'iPhone' },
  { feature: 'Design', value: 0.17, phone: 'iPhone' },
  { feature: 'Internet', value: 0.22, phone: 'iPhone' },
  { feature: 'Large', value: 0.02, phone: 'iPhone' },
  { feature: 'Price', value: 0.21, phone: 'iPhone' },
  { feature: 'Smartphone', value: 0.5, phone: 'iPhone' },
  { feature: 'Battery', value: 0.27, phone: 'Samsung' },
  { feature