gpt4 book ai didi

javascript - 在图表 js 中只想要线条而不是它下面的区域

转载 作者:行者123 更新时间:2023-11-28 05:19:59 25 4
gpt4 key购买 nike

我只想要图表 js 下的线条而不是区域。我正在获取它下面的区域以及仪表板中的在线聊天。

<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
<head></head>
<body>
<div class="container" style="width:600px;height:600px;">
<h2>Order rate Dashboard</h2>
<div>
<canvas id="myChart"></canvas>
</div>
</div>

<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
datasets: [{

label: 'apples',
data: [12, 19, 3, 17, 6, 3, 7]
}, {
label: 'oranges',
data: [2, 29, 5, 5, 2, 3, 10]
}]
}
});
</script>
</body>
</html>

最佳答案

只需在您的数据集中添加选项 fill:false

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart.Line(ctx, {
data: {
labels: ['M', 'T', 'W', 'T', 'F', 'S', 'S'],
datasets: [{

label: 'apples',
data: [12, 19, 3, 17, 6, 3, 7],
fill:false
}, {
label: 'oranges',
data: [2, 29, 5, 5, 2, 3, 10],
fill:false
}]
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.min.js"></script>
<div class="container" style="width:600px;height:600px;">
<h2>Order rate Dashboard</h2>
<div>
<canvas id="myChart"></canvas>
</div>
</div>

关于javascript - 在图表 js 中只想要线条而不是它下面的区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40038979/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com