Javascript 在google图表折线图中重新绘制y-asix
我在使用谷歌API时遇到问题。当我在图形上有单个值时,图形y轴上的值将被重新分区。有人能帮我解决这个问题吗? 以下是图表视图: 图形代码如下: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
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”
上尝试--它已关闭,其他选项应该可以使用