2016-07-09 11 views
0

Ich habe einen XY amCharts Graph, der x-Achse von 0 bis 250 gehen, mit einem Schritt von 50Amchart XY x-Achse Schritt

Da meine Punkte mit 30 getrennt sind, würde Ich mag einen Schritt haben von 30 im Raster und in den Achsenbeschriftungen.

Ich möchte die step Eigenschaft meines ValueAxis ändern, aber es ist schreibgeschützt.

Ich versuchte "autoGridCount": false zu setzen und "gridCount" zu erhöhen: bei 12, Schritt 20, 13 ist, ist Schritt 50 Einige sagen, labelFrequency zu ändern, aber ich sah sie keinen Effekt durch Erhöhung oder Verringerung.

Wie könnte ich das bekommen?

+0

Wenn ich dich richtig verstehe, könnte [dies] (http://stackoverflow.com/questions/32095436/synchronize-valueaxis-grids) Ihnen helfen. Ich bin nicht mit all den Änderungen seit damals vertraut, also könnte dies veraltet sein. – gerric

Antwort

-1

Für mich funktioniert gridCount. Dies ist in meinem Achs-

"autoGridCount": false, 
"minimum":-100, 
"maximum":100 
"gridCount": 21, 

es einen Schritt von 10

+0

Sorry, aber ich will keinen Schritt von 10. Kannst du einen Schritt von 30 bekommen? Ich habe min = 0 und max = 240 oder 250, wie Sie wollen. –

+0

die Idee ist es, Ihre Achse in der Anzahl der Raster zu teilen .. in meinem Fall war es -100 bis 100 in 21 Raster unterteilt .. Eine andere Antwort mit CODE .. PRÜFEN Sie die "GridCount" und LabelFrequency "Werte –

2
var chart = AmCharts.makeChart("chartdiv", { 

         "type": "xy", 
         "dataProvider": json, 
         "autoMargins": true, 
         "autoMarginOffset" : 10,  //Space left from axis labels/title to the chart's outside border, if autoMargins set to true.   
         "valueAxes": 
         [           
          { 
          "id":"my_y", 
          "minorGridEnabled" : true, 
          "title":"Y AXIS", 
          "autoGridCount": false, 
          "position": "left", 
          "tickLength":0, 
          "minimum":0, 
          "maximum":240,       
          "gridCount": 32, 
          "labelFrequency" : 1.5, 
          "gridColor":"black", // center y axis 
          "gridAlpha":0.50,  // grids visibily strength 
          "axisAlpha":0,   // default axis at right hidden 
          }, 
          { 
          "id":"my_x",  
          "minorGridEnabled" : true,      
          "title":"X AXIS", 
          "autoGridCount": false, 
          "position": "bottom",      
          "tickLength":0, 
          // "gridThickness": 0.25,       
          "minimum": 0, 
          "maximum":240, 
          "gridCount": 32, 

          "labelFrequency" : 1.5, 
          "gridColor":"black", // center x axis 
          "gridAlpha":0.50,  // grids visibily strength     
          "axisAlpha":0,   // default axis at bottom hidden 
          "strictGridCount" : true, 
          },     
         ], 
         "borderAlpha" : 0, // opacity border of chart 
         "startDuration": 0, // animation , 0 = no animation 

         "legend":[{      
         "useGraphSettings": false, 
         "verticalGap":0, 
         }], 
         "graphs": 
         [        
          { 
          "id":"g1", 

          // "valueAxis": "v1", 
          "lineColor": "#FF6600", 
          // "bullet": "round", 
          "bulletBorderThickness": 1, 
          "hideBulletsCount": 30, 
          "animationDuration":0, 
          "bullet": "circle", 
          "colorField":"mycolor", 
          "valueField": "value", 
          "xField": "x", 
          "yField": "y", 
          "fillAlphas": 0, // 0 to avoid creating filled polygon with bullets, default = 0 
          "bulletBorderAlpha": 0, 
          "minBulletSize": 30, 
          "maxBulletSize": 30, 
          "labelText":"[[x]]", 
          "labelPosition":"inside", 
          "markerType" : "none", 
          "switchable":false, 
          }, 

         ], 
         "marginLeft": 20, 
         "marginBottom": 20, 

         "listeners": [ 
           { 
           "event": "drawn", 
           "method": addLegendLabel 
           },        
           ], 
         "export": { 
            "enabled": true, 
            "menu" : [], 
           }, 
        }); 

Hoffnung gibt, ist es das, was Sie wollten .. sorry in Eile letztes Mal war daher die unklare Antwort enter image description here

+0

Danke, das ist eine große Verbesserung! Aber immer noch ein Schritt 10, mit nur 1 Etikett alle 3, und ich möchte einen Schritt 30 ... (da meine Diagramme ziemlich klein sind, würde es Sichtbarkeit viel verbessern!) –

+0

@DanChalteiel Ich verstehe ..es wird schwierig ... versuche mein Bestes. Ich habe versucht, genau das Gegenteil von dem zu erreichen, was ich hier gemacht habe. Ich brauche zwei Etiketten zwischen jedem Schritt (von 20). So bin ich auf deine Frage gestoßen. Ich werde dich sicherlich wissen lassen, wenn ich auf etwas stoße. Inzwischen ist jede Hilfe bei meiner Anfrage großartig :) [link] (http://stackoverflow.com/questions/38393587/amchart-add-labels-in-between-grids) –

+0

@DanChalteiel versuchen Sie Trendlinien ... "Trendlinien": [{ \t "initial": -100, \t "initialXValue": 10, \t "Endwert": 100, \t "finalXValue": 10, }, ], [ Link] (https://docs.amcharts.com/3/javascriptstockchart/TrendLine) Bit langweilig, aber könnte helfen, was Sie brauchen –