我正在使用AngularJS的Google Chart API。
我试图通过这样做将柱状图的纵轴的min
属性设置为0
:
var dataMois = CaDuMois.query(function(){
$scope.comparatifVentes.data = {
"cols": [
{id: "t", label: "Mois", type: "string"},
{id: "s", label: "Vente", type: "number"}
],
"rows": [
{c: [
{v: d.getFullYear()-4},
{v: dataMois[4].valeur},
]},
{c: [
{v: d.getFullYear()-3},
{v: dataMois[3].valeur}
]},
{c: [
{v: d.getFullYear()-2},
{v: dataMois[2].valeur},
]},
{c: [
{v: d.getFullYear()-1},
{v: dataMois[1].valeur},
]},
{c: [
{v: "Encours "+d.getFullYear()},
{v: dataMois[0].valeur},
]}
],
"vAxis.viewWindow": [{min:"0"}]
};
$scope.comparatifVentes.type = "ColumnChart";
$scope.comparatifVentes.options = {
'backgroundColor': '#f5f5f5',
'title': "Montant(€) total des ventes des 5 derniers mois de "+monthNames[n],'height':"250"
}
});
<div class="row">
<div class="col-md-12">
<div google-chart chart="comparatifVentes" style="{{chart.cssStyle}}"/>
</div>
</div>
但是在我的图表上min
仍然在250000
。
我做错了什么吗?
从文档中,可视化:柱状图:
vAxis.viewWindow.min
要呈现的最小水平数据值。
当vAxis时被忽略。viewWindowMode是'pretty'或'maximized'。类型:数字默认值:汽车
我猜"horizontal"是一个打字错误。
应该这样写:
// create properly
var options = {
vAxis : {
viewWindow : {
min : 0
}
}
}
虽然一旦创建,也可以像这样访问:
// use this to modify only if it exists already
options.vAxis.viewWindow.min = 123;
你所写的是不正确的,有两个原因:
// this is bad
var options = { "vAxis.viewWindow" : [{min:"0"}] }
- 创建
options["vAxis.viewWindow"]
而不是options["vAxis"]["viewWindow"]
- 将值放入对象中,并将该对象放入数组中。它只能这样访问:
options["vAxis.viewWindow"][0]["min"]