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

发布于 2022-09-13 00:17:34 字数 1013 浏览 14 评论 0

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文