google 图表 api 也绘制负轴,尽管 minValue 为 0
google chart api draws negative axis as well though minValue is 0
我有一个 google 图表如下,其中绘制了各种 ID 的年龄。但是,由于年龄不能为负,我希望它只在正轴上。
我已经将垂直轴的最小值设为 0,但它仍然显示负轴。我该如何解决这个问题?
下面是我的代码
function AgeChart() {
google.load("visualization", "1", {packages:["corechart"]});
var age_data = new google.visualization.DataTable();
var divname = "agediv";
age_data.addColumn('number', 'ID');
age_data.addColumn('number', 'Age');
age_data.addRow([1,10]);
age_data.addRow([1,20]);
age_data.addRow([1,30]);
age_data.addRow([1,40]);
age_data.addRow([1,50]);
var options = {'title':'Age line graph',
curveType: 'function',
viewWindowMode:'explicit',
vAxis: {title: 'Age (years)',
minValue: 0,
},
hAxis: {title: 'ID'},
height: 600,
width: 1000
};
var chart = new google.visualization.LineChart(document.getElementById(divname));
chart.draw(age_data, options);
}
编辑:添加 viewWindow.min 值后,对我有用。
function AgeChart() {
google.load("visualization", "1", {packages:["corechart"]});
var age_data = new google.visualization.DataTable();
var divname = "agediv";
age_data.addColumn('number', 'ID');
age_data.addColumn('number', 'Age');
age_data.addRow([1,10]);
age_data.addRow([1,20]);
age_data.addRow([1,30]);
age_data.addRow([1,40]);
age_data.addRow([1,50]);
var options = {'title':'Age line graph',
curveType: 'function',
viewWindowMode:'explicit',
vAxis: {title: 'Age (years)',
minValue: 0,
viewWindowMode:'explicit',
viewWindowMode:'explicit',
viewWindow:{
min:0,
}
},
hAxis: {title: 'ID'},
height: 600,
width: 1000
};
var chart = new google.visualization.LineChart(document.getElementById(divname));
chart.draw(age_data, options);
}
minValue 和 maxValue 可用于扩展轴以包含这些值,但它们不会将轴限制为这些值。您要做的是使用 viewWindow.min 值。
2015 年 10 月 26 日 Google 图表的实际版本只需要以下内容即可停止在垂直轴上显示负值。
var options = {
hAxis: { title: 'Dates',
},
vAxis: { title: 'Count of something',
viewWindow:{min:0},
},
};
作为一个选项,您可以将最小值设置为大于 0 - 它会为您提供相同的视图。
vAxis: { title: 'Count',
minValue: 2,
},
我有一个 google 图表如下,其中绘制了各种 ID 的年龄。但是,由于年龄不能为负,我希望它只在正轴上。
我已经将垂直轴的最小值设为 0,但它仍然显示负轴。我该如何解决这个问题?
下面是我的代码
function AgeChart() {
google.load("visualization", "1", {packages:["corechart"]});
var age_data = new google.visualization.DataTable();
var divname = "agediv";
age_data.addColumn('number', 'ID');
age_data.addColumn('number', 'Age');
age_data.addRow([1,10]);
age_data.addRow([1,20]);
age_data.addRow([1,30]);
age_data.addRow([1,40]);
age_data.addRow([1,50]);
var options = {'title':'Age line graph',
curveType: 'function',
viewWindowMode:'explicit',
vAxis: {title: 'Age (years)',
minValue: 0,
},
hAxis: {title: 'ID'},
height: 600,
width: 1000
};
var chart = new google.visualization.LineChart(document.getElementById(divname));
chart.draw(age_data, options);
}
编辑:添加 viewWindow.min 值后,对我有用。
function AgeChart() {
google.load("visualization", "1", {packages:["corechart"]});
var age_data = new google.visualization.DataTable();
var divname = "agediv";
age_data.addColumn('number', 'ID');
age_data.addColumn('number', 'Age');
age_data.addRow([1,10]);
age_data.addRow([1,20]);
age_data.addRow([1,30]);
age_data.addRow([1,40]);
age_data.addRow([1,50]);
var options = {'title':'Age line graph',
curveType: 'function',
viewWindowMode:'explicit',
vAxis: {title: 'Age (years)',
minValue: 0,
viewWindowMode:'explicit',
viewWindowMode:'explicit',
viewWindow:{
min:0,
}
},
hAxis: {title: 'ID'},
height: 600,
width: 1000
};
var chart = new google.visualization.LineChart(document.getElementById(divname));
chart.draw(age_data, options);
}
minValue 和 maxValue 可用于扩展轴以包含这些值,但它们不会将轴限制为这些值。您要做的是使用 viewWindow.min 值。
2015 年 10 月 26 日 Google 图表的实际版本只需要以下内容即可停止在垂直轴上显示负值。
var options = {
hAxis: { title: 'Dates',
},
vAxis: { title: 'Count of something',
viewWindow:{min:0},
},
};
作为一个选项,您可以将最小值设置为大于 0 - 它会为您提供相同的视图。
vAxis: { title: 'Count',
minValue: 2,
},