Установка минимального вертикального значения столбчатой диаграммы с помощью Google API визуализации

Question

Установка минимального вертикального значения столбчатой диаграммы с помощью Google API визуализации

0

Я использую API диаграммы Google с помощью AngularJS.
Я попытался установить свойство 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 на моем графике.
Я делаю что-то неправильно?

user1260928 24 сен. 2015, в 15:04

Источник

Теги:

javascript

angularjs

google-api

google-visualization

1 ответ

Ещё вопросы

spenibus · Answer 1 · 2015-09-24T16-07-00.000Z

Из документации Визуализация: Диаграмма столбцов:

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