2014-05-20 1 views
0

Je crée un graphique à colonnes avec des valeurs positives et négatives à l'aide du dojo chart.Il faut que mes valeurs de départ commencent à 100 au lieu de 0.Suppose Mes valeurs sont supérieures à 100 au-dessus de 100 de barre et semblable si mes valeurs sont au-dessous de 100 alors il montre ci-dessous de 100 comme des valeurs négatives montre. Voici mon code pourProblèmes de diagramme de Dojo dans le graphique à colonnes avec des valeurs positives et négatives

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); 
     }); 

demander donc de vous s'il vous plaît suggérer comment puis-je mettre mon étiquette axe forme 100 au lieu de 0.So que je peux configurer mes graphiques

Répondre

0

Dans votre code, vous pouvez ajouter ces paramètres.

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

@sunman Merci. Maintenant, cela fonctionne très bien. – sunman

Questions connexes