具有正值和负值的柱形图中的Dojo图表问题

时间:2014-05-20 08:30:32

标签: javascript charts dojo

我正在使用dojo图表创建具有正值和负值的柱形图。我需要我的起始值从100开始而不是零。假设我的值大于100然后它显示高于100的条和相似如果我的值低于100然后它显示100以下负值值显示。以下是我的

代码

的index.php

    dojo.require("dojox.charting.Chart");
    dojo.require("dojox.charting.axis2d.Default");
    dojo.require("dojox.charting.plot2d.ClusteredColumns");
    dojo.require("dojox.charting.themes.Tufte");
    dojo.require("dojox.dtl");
    dojo.require("dojox.dtl.Context");
    charts = [

        {
            description: "Clustered columns with positive and negative  values, readable theme, 1-second animate-in.",
            makeChart: function(node){
                (new dojox.charting.Chart(node)).
                    setTheme(dojox.charting.themes.Tufte).
                    addAxis("x", { fixLower: "minor", fixUpper:  "minor", natural: true }).
                    addAxis("y", { 
                         majorTickStep: 10,
                          max: 150, 
                        vertical: true, fixLower: "major", fixUpper: "major" }).
                    addPlot("default", { type:   "ClusteredColumns", gap: 10, animate: { duration: 1000 } }).
                    addSeries("Series A", [ 120, 110, 107, 115,   121 ] ).
                    addSeries("Series B", [ 80, 90, 75, 85, 62   ] ).
                    render();
            }
        },

    ];
    var now = function(){
        return (new Date()).getTime();
    };


    dojo.addOnLoad(function(){
        var defaultStyle = { width: "400px", height: "200px" };
        var tmpl = new dojox.dtl.Template(dojo.byId("template").value);
        var context = new dojox.dtl.Context({ charts: charts });
        dojo.byId("charts").innerHTML = tmpl.render(context);

        dojo.forEach(charts, function(item, idx){
            var start = now();
            var n = dojo.byId("chart_"+idx);
            dojo.style(n, item.style||defaultStyle);
            item.makeChart(n);
            console.debug((now()-start), "ms to create:", (idx+1)+":", item.description);
        });

因此请求您建议我如何设置我的轴​​标签形式100而不是0.所以我可以配置我的图表

1 个答案:

答案 0 :(得分:0)

在您的代码中,您可以添加此参数。

.addAxis("y", {
dropLabels : true,
min : 10,
max : 20,
from: 0,
to:   15
});