Javascript 格式行中的Chartjs为满分

Javascript 格式行中的Chartjs为满分,javascript,json,chart.js,Javascript,Json,Chart.js,我想知道如何配置图表Js,使其不显示“山脉”,而只显示线条 我的实际路线是: 我的代码如下: var labels = ["25\/04","26\/04","27\/04","28\/04","29\/04","30\/04","01\/05","02\/05","03\/05","04\/05"

我想知道如何配置图表Js,使其不显示“山脉”,而只显示线条

我的实际路线是:

我的代码如下:

var labels = ["25\/04","26\/04","27\/04","28\/04","29\/04","30\/04","01\/05","02\/05","03\/05","04\/05","05\/05","06\/05","07\/05","08\/05","09\/05","10\/05","11\/05","12\/05","13\/05","14\/05","15\/05","16\/05","17\/05","18\/05","19\/05","20\/05","21\/05","22\/05","23\/05","24\/05","25\/05"];
var datasets = [{"label":"Formul\u00e1rio Site","data":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],"backgroundColor":"#4dc9f6","borderColor":"#4dc9f6"},{"label":"WhatsApp","data":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,6,24,47,24,2,4,23,0,0,0,0,0,0,0,0],"backgroundColor":"#f67019","borderColor":"#f67019"},{"label":"Facebook","data":[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,3,0,0,0,0,0,0,0,0,0,0,0],"backgroundColor":"#f53794","borderColor":"#f53794"},{"label":"Call Tracking","data":[0,27,21,11,14,20,0,0,32,22,18,28,11,0,0,16,25,22,20,23,0,0,28,0,0,0,0,0,0,0,0],"backgroundColor":"#537bc4","borderColor":"#537bc4"}];
var uniqueId = '60acaa981f364';  

var config = {
    type: 'line',
    data: {
        labels: labels,
        datasets: datasets
    },
    options: {
        responsive: true,
        title: {
            display: true,
            text: 'Leads diários'
        },
        tooltips: {
            mode: 'index',
            intersect: true,
        },
        hover: {
            mode: 'nearest',
            intersect: true
        },
        scales: {
            xAxes: [{
                display: true,
                scaleLabel: {
                    display: true,
                    labelString: 'Dias'
                }
            }],
            yAxes: [{
                display: true,
                ticks: {
                    beginAtZero: true,
                },
                scaleLabel: {
                    display: true,
                    labelString: 'Value'
                }
            }]
        }
    }
};

$(document).ready(function(){
    var ctx = document.getElementById(uniqueId).getContext('2d');
    window.myLine = new Chart(ctx, config);
});

我希望它保持这种格式,只是行。

您应该将属性
行:false
添加到数据集中

有关更多详细信息,请参阅Chart.js文档中的行


在lib的V3中,这已成为默认行为,要在V2中实现这一点,您可以通过两种方式来实现,您可以在每个数据集中指定
fill:false
,也可以在行的选项中这样做:

选项:{
要素:{
行:{
填充:假
}
},
}
例如:
var标签=[“25\/04”、“26\/04”、“27\/04”、“28\/04”、“29\/04”、“30\/04”、“01\/05”、“02\/05”、“03\/05”、“04\/05”、“05\/05”、“06\/05”、“07\/05”、“08\/05”、“09\/05”、“10\/05”、“11\/05”、“12\/05”、“13\/05”、“14\/05”、“15\/05”、“16\/05”、“17\/05”、“18\/05”、“19\/05”、“20\/05”、“21\/05”、“22\/05”、“23\/05”];
变量数据集=[{
“标签”:“Formul\u00e1rio站点”,
“数据”:[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
“背景色”:“4dc9f6”,
“边框颜色”:“4dc9f6”
}, {
“标签”:“WhatsApp”,
“数据”:[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,6,24,47,24,2,4,23,0,0,0,0,0,0,0],
“背景色”:“f67019”,
“边框颜色”:“f67019”
}, {
“标签”:“Facebook”,
“数据”:[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,3,0,0,0,0,0,0,0,0,0,0],
“背景色”:“f53794”,
“边框颜色”:“#f53794”
}, {
“标签”:“呼叫跟踪”,
“数据”:[0,27,21,11,14,20,0,0,32,22,18,28,11,0,0,16,25,22,20,23,0,0,28,0,0,0,0,0,0],
“背景色”:“537bc4”,
“边框颜色”:“537bc4”
}];
var uniqueId='60acaa981f364';
变量配置={
键入:“行”,
数据:{
标签:标签,
数据集:数据集
},
选项:{
要素:{
行:{
填充:假
}
},
回答:是的,
标题:{
显示:对,
文字:“领导迪亚里奥斯”
},
工具提示:{
模式:“索引”,
是的,
},
悬停:{
模式:“最近的”,
交集:对
},
比例:{
xAxes:[{
显示:对,
scaleLabel:{
显示:对,
标签串:“迪亚斯”
}
}],
雅克斯:[{
显示:对,
滴答声:{
贝吉纳泽罗:是的,
},
scaleLabel:{
显示:对,
标签字符串:“值”
}
}]
}
}
};
$(文档).ready(函数(){
var ctx=document.getElementById(uniqueId.getContext('2d');
window.myLine=新图表(ctx,配置);
});


从数据中删除te背景色。@Grumpy这也会删除点的背景色,在大多数情况下,这是不受欢迎的行为