2016-07-28 8 views
0

Ich habe ein Balkendiagramm mit der neuesten Version von charts.js. Jetzt muss ich die Balken zeigen und auf der rechten Seite eine Leiste, die eigentlich nichts mit dem Rest zu tun hat. (die ersten Balken sind drei Monatswerte, der letzte Balken ist die Prognose für diesen Monat)ChartJS Balkendiagramm Malerei zweite Leiste rechts

Hier sehen Sie besser, was ich meine. https://jsbin.com/diqetaxeqi/edit?js,output

Der Vorhersagebalken hat seine eigene y-Achse auf der rechten Seite. Ich habe Schwierigkeiten, die Leiste nach rechts zu setzen, und habe dies gelöst, indem ich ein neues Dataset erstellt habe, das die Werte mit 0 füllt, um sicherzustellen, dass es der letzte Balken ist, der gezeichnet wird. Das Problem dabei ist, dass die Beschriftungen nicht mehr zentriert sind, da die Balken mit dem Wert 0 immer noch bemalt sind.

Wie kann ich das besser lösen? Danke

Antwort

0

Ihr Code erfordert 2 verschiedene Datensätze? Oder können sie alle 4 sein wie:

data: [18739460, 33056135, 36562034, 3234234] ? 
+0

Sie alle können gleich sein, aber ich will nur die Prognosebalken als letzte bar zeichnen. Eigentlich sollte es nur einmal gezeichnet werden. Sie wissen, dass eine Vorhersage als Bar zu jedem Monat keinen Sinn ergibt, da die Prognose für diesen Monat ist, nicht für die Vergangenheit. – Christian

+0

Funktioniert es so? https://jsbin.com/zovaquhane/edit?js,output –

+0

Hey @Antonio. Danke, aber ich möchte nicht, dass die Vorhersage auf der gleichen Achse wie der Rest ist. Dies würde viele Probleme verursachen, wenn zum Beispiel die letzten Monate Werte wie 1000 und 1500 hätten, aber die Prognose würde 30.000 ergeben. Sie könnten die niedrigeren Werte nicht sehen. – Christian

0

Ok. Stapeln der Bars macht den Trick.

tun

stacking:true 

bei xAchse