2016-08-01 7 views
0

Meine x-Achse Daten sind die letzten 24 Stunden und ich möchte die Stunde beschriften. Für den Stundenwert mit "0" möchte ich ihn mit größerer Schriftgröße anzeigen und mit Datum beschriften. Gibt es eine Möglichkeit, die Etikettenart der X-Achse zu setzen? Mein Code ist als Schlag:über Dojox Charting X-Achsen-Etiketten

<!DOCTYPE html> 
<html > 
<head> 


    <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/3.14/3.14/dijit/themes/claro/claro.css"> 

    <script>var dojoConfig = { 
     parseOnLoad:true, 
     packages: [{ 
      "name": "myModules", 
      "location": location.pathname.replace(/\/[^/]+$/, "") + "/" 
     }] 
    }; 
    </script> 
    <script src="http://localhost/arcgis_js_api/library/3.14/3.14/init.js" data-dojo-config="isDebug: 1, async: 1, parseOnLoad: 1" charset="utf-8"></script> 
    <script> 
     require(["dojox/charting/Chart", "dojox/charting/axis2d/Default", "dojox/charting/plot2d/Lines", "dojo/ready"], 
       function(Chart, Default, Lines, ready){ 
        ready(function(){ 
         var chart1 = new Chart("simplechart", { 
          title: "压力", 
          titlePos: "top"}); 
         chart1.addPlot("default", {type: Lines, labels: true,labelStyle: "outside", labelOffset: 25,Stroke:{color: "blue", width: 1},markers: true}); 
         chart1.addAxis("x",{ majorLabels: true, majorTicks: true, 
          minorLabels: true, minorTicks:true, minorTick:{length:1}, 
          microTicks: true, 
          majorTickStep:12, 
          minorTickStep:1, 

          labels: [{value: 1, text: "10"}, {value: 2, text: "11",length:"20"}, 
           {value: 3, text: "12"}, {value: 4, text: "0"}, 
           {value: 5, text: "May"}, {value: 6, text: "Jun"}, 
           {value: 7, text: "Jul"}, {value: 8, text: "Aug"}, 
           {value: 9, text: "Sep"}, {value: 10, text: "Oct"}, 
           {value: 11, text: "Nov"}, {value: 12, text: "Dec"}] 
         }); 

         chart1.addAxis("y", {vertical: true,microTickStep:1}); 
         chart1.addSeries("Series 1", [{x: 1, y: 5}, {x: 2, y: 1.7}, 
          {x: 3, y: 9}, {x: 4, y: 3}],{plot: "default", stroke: {color:"blue"}}); 
         chart1.render(); 
        }); 
       }); 
    </script> 
</head> 
<body class="claro"> 
<div id="simplechart" style="width: 250px; height: 150px; margin: 5px auto 0px auto;"></div> 
</body> 
</html> 

Antwort

0

Sie Achsen Stile Themen mit ändern können. Wenn Sie ein anderes Thema für verschiedene Achsen verwenden möchten, geben Sie die Eigenschaft der Achse ein.

this.addAxis("y", {type: "Wetland", 
        vertical: true, 
        } 
      ); 

Wo Wetland Namen des Themas in Dojos/Dojox/Charting/Themen ist Es gibt es viele Themen. Aber wenn keiner von ihnen Sie zufriedenstellt, können Sie Ihr eigenes Thema erstellen, indem Sie einige der Standardeinstellungen ändern.

Sie können keinen bestimmten Stil nur für eine der Achsenbeschriftungen festlegen. Ie.e alle Etiketten Ihrer Achse haben den gleichen Stil.