vue-schart折线图可以设置多条曲线吗？

• Z时代
• 2024-02-08
• 分类：IT

<template>
  <div>
 <schart
        class="schart"
        canvasId="line"
        :data="data1"
        type="line"
        :options="options2"
  ></schart>
 </div>
</template>
<script>
import Schart from "vue-schart";
export default {
  name: "basecharts",
  components: {
    Schart,
  },
  data: () => ({
    data1: [
      { name: "1月", value: 1141 },
      { name: "2月", value: 1499 },
      { name: "3月", value: 2260 },
      { name: "4月", value: 1170 },
      { name: "5月", value: 970 },
      { name: "6月", value: 1450 },
      { name: "7月", value: 1450 },
      { name: "8月", value: 1450 },
      { name: "9月", value: 1450 },
      { name: "10月", value: 1450 },
      { name: "11月", value: 1450 },
      { name: "12月", value: 1450 },
    ],
    options2: {
      title: "统计",
      bgColor: "#ffffff",
      titleColor: "#000000",
      fillColor: "#3377FF",
      contentColor: "rgba(46,199,201,0.2)",
    },
  }),
};
</script>

以上是 vue-schart折线图可以设置多条曲线吗？ 的全部内容， 来源链接： utcz.com/p/935563.html