Javascript Chart.js v2-默认情况下如何仅显示一个数据集?
我正在使用Chart.js创建一个包含三个数据集的图表。这是一个折线图,点是使用PHP动态生成的 现在,我想知道如何仅显示一个数据集作为默认数据集?但我仍然希望所有的传奇都能展现出来,但其余的都必须被划掉。因此,当用户单击那些划掉的图例时,它们可能会出现在图表上 我可以提供我的图表,但我相信那是没有用的。无论如何:Javascript Chart.js v2-默认情况下如何仅显示一个数据集?,javascript,charts,Javascript,Charts,我正在使用Chart.js创建一个包含三个数据集的图表。这是一个折线图,点是使用PHP动态生成的 现在,我想知道如何仅显示一个数据集作为默认数据集?但我仍然希望所有的传奇都能展现出来,但其余的都必须被划掉。因此,当用户单击那些划掉的图例时,它们可能会出现在图表上 我可以提供我的图表,但我相信那是没有用的。无论如何: var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Ch
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: [<?php foreach ($data0 as $key => $value) {
echo "'".$value->updated_at->format('gA-D')."',";
} ?>],
datasets: [{
label: 'FiveRP',
data: [<?php foreach ($data0 as $key => $value) {
echo "'$value->player_count',";
} ?>],
backgroundColor: "rgba(75,192,192,0.4)",
fill: false,
lineTension: 0.1,
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt'
}, {
label: 'GTALife',
data: [<?php foreach ($data1 as $key => $value) {
echo "'$value->player_count',";
} ?>],
backgroundColor: "rgba(148,0,211,0.4)",
fill: false,
lineTension: 0.1,
borderColor: "rgba(148,0,211,1)",
borderCapStyle: 'butt'
}, {
label: 'GermanV',
data: [<?php foreach ($data2 as $key => $value) {
echo "'$value->player_count',";
} ?>],
backgroundColor: "rgba(255,165,0,0.4)",
fill: false,
lineTension: 0.1,
borderColor: "rgba(255,165,0,1)",
borderCapStyle: 'butt'
}]
},
options: {
responsive: false,
}
});
var ctx=document.getElementById('myChart').getContext('2d');
var myChart=新图表(ctx{
键入:“行”,
数据:{
标签:[要隐藏数据集,请将其隐藏属性设置为true。因此,将该属性应用于除要显示的数据集之外的所有数据集
datasets: [
{
label: 'FiveRP',
**hidden: true,**
data: [<?php foreach ($data0 as $key => $value) {
echo "'$value->player_count',"; } ?>
]
}
],
数据集:[
{
标签:'FiveRP',
**隐藏:是的**
资料:[嘿,亨利,你找到解决办法了吗?我也在努力实现这个目标。@ryank我很抱歉回复晚了,我不在。你应该使用“隐藏”标志。请参阅这里: