<dv-flyline-chart :config="config" style="width:100%;height:100%;" />怎么写代码

首先，你需要在项目中安装依赖库。可以使用 npm 或者 yarn 安装，具体命令如下：

使用 npm：

npm install echarts vue-echarts --save

使用 yarn：

yarn add echarts vue-echarts

其中，echarts 是图表库，vue-echarts 是 echarts 在 Vue.js 中的封装。

安装完成后，在需要使用图表的组件中引入依赖库：

<template>
  <div>
    <dv-flyline-chart :config="config" style="width:100%;height:100%;" />
  </div>
</template>

<script>
import echarts from 'echarts'
import 'echarts/lib/chart/line'
import 'echarts/lib/component/tooltip'
import 'echarts/lib/component/title'
import VueECharts from 'vue-echarts'

export default {
  components: {
    'dv-flyline-chart': VueECharts
  },
  data () {
    return {
      config: {
        // 图表配置项
      }
    }
  }
}
</script>

在组件中，我们先引入 echarts 和 vue-echarts，然后注册 VueECharts 组件。在 data 中定义一个 config 对象，用于存储图表的配置项。在模板中，使用 <dv-flyline-chart /> 标签来渲染组件，并将 config 对象作为 props 传给组件。请注意，这里的 dv-flyline-chart 是自己定义的组件名，可以根据自己的需求进行修改。

在 config 对象中，我们可以设置图表的各种配置项，包括 title、tooltip、xAxis、yAxis、series 等。具体的配置方法可以查看 echarts 的官方文档。

最后，我们需要在样式中设置组件的宽度和高度为 100%。

以上就是使用 <dv-flyline-chart /> 组件绘制折线图的基本流程。