Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chart.js v2-默认情况下如何仅显示一个数据集?_Javascript_Charts - Fatal编程技术网

Javascript Chart.js v2-默认情况下如何仅显示一个数据集?

Javascript Chart.js v2-默认情况下如何仅显示一个数据集?,javascript,charts,Javascript,Charts,我正在使用Chart.js创建一个包含三个数据集的图表。这是一个折线图,点是使用PHP动态生成的 现在,我想知道如何仅显示一个数据集作为默认数据集?但我仍然希望所有的传奇都能展现出来,但其余的都必须被划掉。因此,当用户单击那些划掉的图例时,它们可能会出现在图表上 我可以提供我的图表,但我相信那是没有用的。无论如何: var ctx = document.getElementById('myChart').getContext('2d'); var myChart = new Ch

我正在使用Chart.js创建一个包含三个数据集的图表。这是一个折线图,点是使用PHP动态生成的

现在,我想知道如何仅显示一个数据集作为默认数据集?但我仍然希望所有的传奇都能展现出来,但其余的都必须被划掉。因此,当用户单击那些划掉的图例时,它们可能会出现在图表上

我可以提供我的图表,但我相信那是没有用的。无论如何:

    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我很抱歉回复晚了,我不在。你应该使用“隐藏”标志。请参阅这里: