vue+F2生成折线图

1、效果图

2、打开命令窗口，通过 npm 安装F2

npm install @antv/f2 --save

3、使用 import 或 require 引入F2

const F2 = require('@antv/f2');

4、在页面上创建一个具备宽高的 canvas 标签，并指定 id：

<template>
  <div class="container">
    <canvas id="myChart"></canvas>
  </div>
</template>

5、编写图表绘制代码

<template>
  <div class="container">
    <canvas id="myChart"></canvas>
  </div>
</template>

<script>
const F2 = require("@antv/f2");

export default {
    
  name: "aaa",
  data() {
    
    return {
    
      chartData: [