2016-07-16 22 views
1

Wie Sie auf dem Bild unten sehen können, erscheinen nur 50% meiner letzten Kerze und ich habe Mühe, die Einstellungen herauszufinden, die sicherstellen, dass ich die letzte Kerze sehen kann in seiner Gesamtheit enter image description hereDie letzte Kerze kann nicht angezeigt werden

enter image description here

Wenn Sie bei der letzten Kerze in RED schauen, sehen Sie, dass die Achse im Mittelpunkt der letzten Kerze beginnt. Wenn Sie dies mit unter Kerze vergleichen, können Sie sehen in vollem Umfang die letzte Kerze

http://jsfiddle.net/amcharts/TLx2n/

Key und relevante Diagramm componenets sind wie folgt:

graph = new AmCharts.StockGraph(); 
graph.id = "Price"; 
graph.title="Main"; 
graph.valueAxis = 'v1'; 
graph.showHandOnHover= true; 
graph.proCandlesticks= false; 
graph.labels = true; 
graph.balloonColor="#00000"; 
graph.comparable=true; 
graph.openField="Open"; 
graph.highField="High"; 
graph.closeField="Close"; 
graph.valueField="Close"; 
graph.type='candlestick'; 
graph.fillAlphas= 0.7; 
graph.lineThickness= 1; 
graph.fillColors= '#CC0000'; 
graph.lineColor= '#CC0000'; 
graph.negativeFillColors= '#000000'; 
graph.negativeLineColor= '#000000'; 
graph.negativeLineAlpha= 1; 
graph.negativeFillAlphas= 0.7; 
graph.proCandlesticks= false; 

var categoryAxis = chart.categoryAxis; 
categoryAxis.axisAlpha = 1; 
categoryAxis.groupToPeriods = ["DD", "WW","MM"]; 
categoryAxis.maxSeries=300; 
categoryAxis.fillAlpha=.2; 
categoryAxis.equalSpacing = true; 
categoryAxis.parseDates = true; 
categoryAxis.startOnAxis = true; 
categoryAxis.gridAlpha = 0.5; 
categoryAxis.minorGridAlpha = 0.07; 
categoryAxis.axisColor = "#000000"; 
categoryAxis.axisHeight=25; 
categoryAxis.inside=false; 
categoryAxis.tickLength = 0; 
categoryAxis.gridThickness = 0; 
categoryAxis.minorGridEnabled=false; 
categoryAxis.axisThickness=0; 
categoryAxis.gridThickness=0; 

Other properties that I am using are as follows: 
1. ValueAxesSettings 

inside:false, 
autoMargins:true, 
minorGridEnabled: false, 
logarithmic: false, 
treatZeroAs: 0, 
axisAlpha: 1,          
gridAlpha: 0, 
fillAlpha: 0, 
minorGridAlpha : 0.07, 
gridColor: "#000000", 
axisThickness: 1, 
gridThickness : 1,          
tickLength: 1, 
minMaxMultiplier: 1 

Bitte lassen Sie mich wissen, wenn ich nicht klar gewesen sein den Schmerzpunkt artikulieren, indem man die letzte Kerze in ihrer Gesamtheit visualisiert oder nicht genügend Details zur Verfügung gestellt hat. Bitte ignorieren Sie Syntaxfehler im Code, da ich einen anderen Sprachencompiler verwende.

+0

Sie trotzig brauchen weitere Details. Was genau ist deine Frage? Code? Beispiele? –

+0

Aktualisiert. Bitte lassen Sie mich wissen, wenn dies ausreicht –

+0

Sieht viel besser aus –

Antwort

1

Der Grund, warum die letzte Kerze abgeschnitten ist, ist, dass Sie startOnAxis auf true gesetzt haben, was genau bedeutet - ich möchte, dass meine letzte und erste Kategorie in der Mitte beginnt und endet. Setzen Sie es auf false.

Bitte beachten Sie, dass diese Einstellung bei einer datumsbasierten Kategorieachse nur funktioniert, wenn equalSpacing auf true eingestellt ist. (Deaktivieren equalSpacing, wenn Sie nicht wirklich benötigen, würde deaktivieren Abschneiden von Kerzen als auch)

Als eine Randnotiz, Blick auf Ihren Code scheint es, dass Sie Serial und Stock Chart Config zusammen mischen. ValueAxesSettings ist eine Funktion von Stock Chart und würde auf Serial Chart ignoriert werden. Das gleiche gilt für groupToPeriods, maxSeries usw.

+0

Ja, ich benutze amStock und kein Serial Chart. Bitte ignorieren Sie den Tippfehler im Code. Aktualisiert –

Verwandte Themen