ApexCharts在vue下示例——线条

通过集成其针对Vue的包装组件vue-apexcharts来轻松地将ApexCharts与我们的Vue应用程序一起使用。

如何在vue.js中添加配置apexcharts请参考在VUE中使用ApexCharts

代码内容

<template>
  <div id="chart">
    <apexchart
      type="line" height="350" :options="chartOptions" :series="series"
    ></apexchart>
  </div>
</template>

<script>
export default {
   
  name: "lineTest",
  computed: {
   },
  methods: {
   },
  data() {
   
    return {
   
      //数据集(数据名称，数据点)
      series: [
        {
   
          name: "Desktops",
          data: [10, 41