Javascript 在图表js中只需要一条线而不需要它下面的区域

Javascript 在图表js中只需要一条线而不需要它下面的区域,javascript,html,chart.js,Javascript,Html,Chart.js,我只想要图表js下的线条而不是区域。我得到了它下面的区域以及我的仪表板中的在线聊天 订单率仪表板 var ctx=document.getElementById('myChart').getContext('2d'); var myChart=新图表(ctx{ 键入:“行”, 数据:{ 标签:['M','T','W','T','F','S','S'], 数据集:[{ 标签:“苹果”, 数据:[12,19,3,17,6,3,7] }, { 标签:“橙子”, 数据:[2,29,5,5,2,3,1

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


订单率仪表板
var ctx=document.getElementById('myChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:['M','T','W','T','F','S','S'],
数据集:[{
标签:“苹果”,
数据:[12,19,3,17,6,3,7]
}, {
标签:“橙子”,
数据:[2,29,5,5,2,3,10]
}]
}
});

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

var ctx=document.getElementById('myChart').getContext('2d');
var myChart=新图表线(ctx{
数据:{
标签:['M','T','W','T','F','S','S'],
数据集:[{
标签:“苹果”,
数据:[12,19,3,17,6,3,7],
填充:假
}, {
标签:“橙子”,
数据:[2,29,5,5,2,3,10],
填充:假
}]
}
});

订单率仪表板

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

var ctx=document.getElementById('myChart').getContext('2d');
var myChart=新图表线(ctx{
数据:{
标签:['M','T','W','T','F','S','S'],
数据集:[{
标签:“苹果”,
数据:[12,19,3,17,6,3,7],
填充:假
}, {
标签:“橙子”,
数据:[2,29,5,5,2,3,10],
填充:假
}]
}
});

订单率仪表板

订单率仪表板
var ctx=document.getElementById('myChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:['M','T','W','T','F','S','S'],
数据集:[{
填充:假,
标签:“苹果”,
数据:[12,19,3,17,6,3,7]
}, {
填充:假,
标签:“橙子”,
数据:[2,29,5,5,2,3,10]
}]
}
});

订单率仪表板
var ctx=document.getElementById('myChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:['M','T','W','T','F','S','S'],
数据集:[{
填充:假,
标签:“苹果”,
数据:[12,19,3,17,6,3,7]
}, {
填充:假,
标签:“橙子”,
数据:[2,29,5,5,2,3,10]
}]
}
});