Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.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 谷歌折线图时间正在显示_Javascript_Api_Linechart - Fatal编程技术网

Javascript 谷歌折线图时间正在显示

Javascript 谷歌折线图时间正在显示,javascript,api,linechart,Javascript,Api,Linechart,我在谷歌折线图上工作,效果很好,但我想隐藏时间,当我在显示完整日期和时间的点上悬停时,我只想要日期而不是时间如何隐藏时间我搜索了很多次,但没有找到任何解决方案,并尝试了我在不同论坛上找到的不同参数,但没有一个适合我 你们都可以看到屏幕截图 正如你们所看到的,日期和时间被提及,用法是600,只有日期应该显示,而不是时间,我的代码是 google.charts.load('current', {'packages':['line', 'corechart']}); google.c

我在谷歌折线图上工作,效果很好,但我想隐藏时间,当我在显示完整日期和时间的点上悬停时,我只想要日期而不是时间如何隐藏时间我搜索了很多次,但没有找到任何解决方案,并尝试了我在不同论坛上找到的不同参数,但没有一个适合我

你们都可以看到屏幕截图

正如你们所看到的,日期和时间被提及,用法是600,只有日期应该显示,而不是时间,我的代码是

    google.charts.load('current', {'packages':['line', 'corechart']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
        var chartDiv = document.getElementById('chartDiv');
        var data = new google.visualization.DataTable();

        data.addColumn('date', 'Month');
        data.addColumn('number', "Sent");
        data.addColumn('number', "Signed");
        data.addColumn('number', "ID");
        data.addColumn('number', "Usage");

        data.addRows([
            [new Date(2017, 1, 2),   24,   57,    2,   12],
            [new Date(2017, 2, 4),   87,   87,    4,   45],
            [new Date("2017-03-05"),   54,   12,    6,   67],
            [new Date("2017-04-08"),   32,  153,    6,   87]
        ]);

        var materialOptions = {
                chart: {
                title: 'Chart of: (User 1)'
            },
            width: 1200,
            height: 600
        };

        function drawMaterialChart() {
            var materialChart = new google.charts.Line(chartDiv);
            materialChart.draw(data, materialOptions);
        }
        drawMaterialChart();
    }

一个简单的解决方案可能是将日期视为字符串,因此

    data.addColumn('string', 'Month'); //<-- change type date for string
    data.addColumn('number', "Sent");
    data.addColumn('number', "Signed");
    data.addColumn('number', "ID");
    data.addColumn('number', "Usage");

    data.addRows([ // then change all new Date() for strings
        ["1/2/2017",   24,   57,    2,   12],
        ["2/4/2017",   87,   87,    4,   45],
        ["3/5/2017"),   54,   12,    6,   67],
        ["4/8/2017"),   32,  153,    6,   87]
    ]);

data.addColumn('string','Month')//无法做到这一点,因为我需要月名,在javascript中,我可以轻松获得月名,其他解决方案也可以轻松使用javascript日期函数。我也发现了这一点,但参数与我的代码不同,只显示日期而不是时间,类型也是日期。