Question

我在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 我做错了吗？

Answer 1

从文档中Visualization: Column Chart：

<强> vAxis.viewWindow.min

要渲染的最小水平数据值。

当vAxis.viewWindowMode为“漂亮”或“最大化”时忽略。   类型：数字   默认值：自动

我猜“水平”是一个错字。

这应该是这样写的：

// 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"]

使用Visualization Google API设置柱形图的最小垂直值

1 个答案: