Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.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 在google图表折线图中重新绘制y-asix_Javascript_Google Visualization - Fatal编程技术网

Javascript 在google图表折线图中重新绘制y-asix

Javascript 在google图表折线图中重新绘制y-asix,javascript,google-visualization,Javascript,Google Visualization,我在使用谷歌API时遇到问题。当我在图形上有单个值时,图形y轴上的值将被重新分区。有人能帮我解决这个问题吗? 以下是图表视图: 图形代码如下: function go() { changeDataView(); hideMessage(); var view = document.getElementById("thepage:pb:theForm:dataview"); var obj = document.getElementById("thepage:p

我在使用谷歌API时遇到问题。当我在图形上有单个值时,图形y轴上的值将被重新分区。有人能帮我解决这个问题吗? 以下是图表视图:

图形代码如下:

function go()
{
    changeDataView();
    hideMessage();

    var view = document.getElementById("thepage:pb:theForm:dataview");
    var obj = document.getElementById("thepage:pb:theForm:object");
    var startDate = document.getElementById("thepage:pb:theForm:startdate");
    var endDate = document.getElementById("thepage:pb:theForm:enddate");
    var group = document.getElementById("thepage:pb:theForm:group_list");
    var member= document.getElementById("thepage:pb:theForm:member_list");
    var member_data = "";

    if(member)
    {
        member_data = member.value
    }

    var time_data= document.getElementById("thepage:pb:theForm:time");
    var time = '';

    if(time_data)
    {
        time = time_data.value;
    }

    var str_start_date = startDate.value;
    var str_start_date_split = str_start_date.split("/");
    str_start_date =str_start_date_split[2]+'-'+str_start_date_split[1]+'-'+str_start_date_split[0];

    var str_end_date = endDate.value;
    var str_end_date_split = str_end_date.split("/");
    str_end_date =str_end_date_split[2]+'-'+str_end_date_split[1]+'-'+str_end_date_split[0];

    var start = new Date(str_start_date);
    var end = new Date(str_end_date);
    var diff = new Date(end - start);
    var days = diff/1000/60/60/24;

    if(days<30 && time=="month")
    {
        alert('Please select days more then 30 for month.');
        return ;
    }
    if(days<7 && time =="week")
    {
        alert('Please select days more then 7 for week.');
        return;
    }
    google.charts.setOnLoadCallback(initCharts);

    function initCharts() {
        AnalyticsController.getChartDataForAssignmentCountGraphs(
                view.value,obj.value,
                startDate.value, endDate.value,
                group.value,member_data, time,
                function(result, event){
            if (typeof result  === 'undefined' || result == null) {
                alert('No data found');
                return ;
            }
            else if(result.length==0)
            {
                alert('No data found');
                return;
            }
            var chartresult = result;

            var data = new google.visualization.DataTable();
            AnalyticsController.getMembers(
                    view.value,obj.value,
                    startDate.value, endDate.value,
                    group.value, member_data, time,
                    function(xresult, event){
                if (typeof xresult  === 'undefined' || xresult == null) {
                    return ;
                }
                else if(xresult.length==0)
                {
                    return;
                }
                console.log(xresult);
                data.addColumn('string', 'Assignment Date');

                for(var i =0; i<xresult.length;i++)
                {
                    data.addColumn('number', xresult[i]);
                    console.log('member');
                    console.log(xresult[i]);
                }

                for(var i =0; i<chartresult.length;i++){
                    var r = chartresult[i];
                    var arr = [];

                    arr.push(r.closedate);

                    for(var j =0 ; j < result[i].memberscount.length ; j++)
                    {
                        arr.push(chartresult[i].memberscount[j].count);
                    }
                    console.log('count');
                    console.log(arr);
                    data.addRow(arr);
                }

                var strin = '';
                var sub = '';
                if(view.value == 'AssignmentCountPerGroupView')
                {
                    strin = 'Assignment Count: Per Assignment Group';
                    sub ='Shows Lead/Cases assignment count per time(hour,day,week,month) for multiple Assignment Groups.';
                }
                else if( view.value == 'AssignmentCountPerMemberView')
                {
                    strin = 'Assignment Count: Per Assignment Group Member';
                    sub = 'Shows Leads/Cases assignment count per time(hour,day week,month) for multiple Assignment Group Members.';
                }
                else if(view.value == 'AveragePerMember')
                {
                    strin = 'Average: assigned per member';
                    sub ='Shows a grid listing each member and the total assigned number within the date range and the average per time(hour, day, week, month).';
                }
                var options = {
                    chart: {
                        title: strin,
                        subtitle: sub
                    },
                    height: 500,
                    axes: {
                        x: {
                            0: {side: 'top'}
                        }
                    }
                };

                var chart = new google.charts.Line(document.getElementById('chartBlock2'));
                chart.draw(data, options);
            });
        }, {escape:true});
    } // end initCharts()
} // end go()
函数go() { changeDataView(); 隐藏信息(); var view=document.getElementById(“页面:pb:theForm:dataview”); var obj=document.getElementById(“thepage:pb:theForm:object”); var startDate=document.getElementById(“页面:pb:theForm:startDate”); var endDate=document.getElementById(“thepage:pb:theForm:endDate”); var group=document.getElementById(“页面:pb:theForm:group_list”); var member=document.getElementById(“页面:pb:theForm:member_list”); var成员_数据=”; 国际单项体育联合会(成员) { member\u data=member.value } var time_data=document.getElementById(“页面:pb:theForm:time”); var时间=“”; if(时间数据) { 时间=时间\数据值; } var str_start_date=startDate.value; var str_start_date_split=str_start_date.split(“/”); str_start_date=str_start_date_split[2]+'-'+str_start_date_split[1]+'-'+str_start_date_split[0]; var str_end_date=endDate.value; var str_end_date_split=str_end_date.split(“/”); str_end_date=str_end_date_split[2]+'-'+str_end_date_split[1]+'-'+str_end_date_split[0]; var start=新日期(str\u start\u Date); var end=新日期(str_end_Date); var diff=新日期(结束-开始); var天数=差异/1000/60/60/24;
如果(daystry添加一个包含小数点的
vAxis.format
,或者提供您自己的
vAxis.ticks
,不要重复。有关更多信息,请参阅……好的,谢谢!!我将试用它并让您知道!!我正在使用材质图表,发现vAxis.format和vAxix.ticks不受支持。有一个
主题:“材质”
你可以尝试一个
'corechart'
——它很接近,其他选项应该可以尝试添加一个包含小数点的
vAxis.format
,或者提供你自己的
vAxis.ticks
,不会重复。有关更多信息,请参阅。好的,谢谢!!我会尝试并让你知道!!我正在使用材质图表,我发现vaxis、 format和vAxix.ticks不受支持。有一个
主题:“material”
您可以在
的“corechart”
上尝试--它已关闭,其他选项应该可以使用