vue-schart折线图可以设置多条曲线吗?
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论