使用visualgoogleapi设置柱状图的最小垂直值



我正在使用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"]

相关内容

  • 没有找到相关文章

最新更新