import FlowLine from flowline-for-echartsimport type FlowLineProps from flowline-for-echartsconst App = = const flowLineProps FlowLineProps = id chart lineWidth 2 option

<template>
  <div style="width: 400px; height: 400px;">
    <FlowLine :id="'chart'" :lineWidth="2" :option="option"></FlowLine>
  </div>
</template>
<script>
import FlowLine from 'flowline-for-echarts';

export default {
  components: {
    FlowLine
  },
  data() {
    return {
      option: {
        darkMode: true,
        xAxis: {
          type: 'category',
          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
          type: 'value'
        },
        series: [
          {
            data: [220, 932, 901, 934, 1290, 1330, 1320],
            type: 'line',
            smooth: true,
            colorList: ['#009000', '#9BCEFD']// 流动线条颜色

          },
          {
            data: [1320, 220, 932, 901, 934, 1290, 1330],
            type: 'line',
            smooth: true,
            colorList: ['#ff9000', '#9BCEFD']// 流动线条颜色
          }
        ]
      }
    }
  }
}
</script>