Breite der Y-Achsen-Labels in CanvasJS festlegen?

Question

Ich suche nach einer Möglichkeit, die Breite der Beschriftungen entlang der Y-Achse mit CanvasJS festzulegen. Ich kann die maximale Breite einstellen, aber das ist nicht was ich will. Ich möchte einfach die Breite auf zB einstellen können. 200px, und haben Sie einfach mehr Platz links oder rechts neben dem Etikett, wenn es kürzer ist.

Ein kleiner Hintergrund: Wir zeigen 3 separate Säulendiagramme vertikal auf einer Seite & müssen die Y-Achsen in einer Linie. Die Breite der Beschriftungen für jeden der 3 Diagramme variiert jedoch.

Aktuelle Ergebnisse (schlecht, Y-Achse nicht aufgereiht)

1,500 | 
1,000 | [chart 1] 
500 | 
0  ----------------- 

0.4 | 
0.3 | [chart 2] 
0.2 | 
0.1 | 
0 ----------------- 

$40,000 | 
$30,000 | [chart 3] 
$20,000 | 
$10,000 | 
$0  ----------------- 

gewünschte Ergebnisse (gut, Achsen Y aufgereiht)

1,500 | 
1,000 | [chart 1] 
500  | 
0  ----------------- 

0.4  | 
0.3  | [chart 2] 
0.2  | 
0.1  | 
0  ----------------- 

$40,000 | 
$30,000 | [chart 3] 
$20,000 | 
$10,000 | 
$0  ----------------- 

Dank!

Answer 1

Ich bin mir nicht sicher, ob Sie das erreichen können. Aber Sie können Marge verwenden und alle Diagramme ausrichten. Die Etiketten beginnen jedoch nicht von der linken Position. Stattdessen würde es eine Lücke schaffen, bevor das Label startet.

axisY: [{ 
    labelMaxWidth: 100, 
    prefix: "This" 
}] 

Sie müssten den Wert der Marge einstellen, um es auszurichten. Um dies zu tun, können Sie die Methode set verwenden.

chart2.axisY[0].set("margin", chart.axisY[0].bounds.x2 - (chart2.axisY[0].bounds.x2 - chart2.axisY[0].bounds.x1)); 

Hier ist eine funktionierende fiddle. Ich hoffe, das hilft.