Zeilenumbruch einfügen

[DerDude]

Hallo zusammen

Ich habe folgenden Code:
var myData = new Array(['ZH', 44.1], ['BS', 42.6], ['SO/AG', 41.4]);

Nun möchte ich zwischen SO/ und AG einen Zeilenumbruch einfügen. Das der Zeilenumbruch in JS \n lautet habe ich bereits herausgefunden jedoch will das einfach nicht funktionieren.

Habe das mal so probiert:
['SO/\nAG', 41.4]

Kann mir da jemand weiterhelfen?

THX Cheers Dude

 

[ein schlauer]

Was funktioniert nicht?

 

[Albu]

Habe das mal so probiert:
['SO/\nAG', 41.4]

Sieht doch super aus. Vielleicht ist einfach nur Deine Ausgabefunktion kaputt.

 

[DerDude]

verrückt, also dann soll ich alles korrekt gemacht haben? Es passiert drum rein gar nix... Soll ich mal das ganze Script posten?

 

[Albu]

Es passiert drum rein gar nix... Soll ich mal das ganze Script posten?

Kommt darauf an, ob Dir Pauschalaussagen als Antworten ausreichen. Deine Fehlerbeschreibungen sind ja schon sehr pauschal. Liegt also an Dir das zu ändern.

 

[jspit]

1. Es ist dir klar, daß ein \n in HTML so gut wie nichts bewirkt. <br> schon.
2. Die gemichte Darstellung von Array und [] find ich auch nicht grade toll
u.U. hilft dir das weiter:

var myData = [['ZH', 44.1], ['BS', 42.6], ['SO/<br>AG', 41.4]];
document.getElementById("test").innerHTML=myData[2][0];

 

[DerDude]

Ok, hier mal das ganze Script:

<script type="text/javascript">
                    var myData = new Array(['ZH', 44.1], ['BS', 42.6], ['SO/AG', 41.4], ['SG/AI/AR/SH/TG', 39.1], ['LU/OW/NW/\nZG/UR/SZ', 38.9], ['BE/Oberwallis', 37.6], ['GL/Obersee/GR/FL', 35.0], ['VD', 26.0], ['GE', 24.8], ['Romandie', 24.6], ['TI', 21.9]); 
                    var colors = ['#D23333', '#D23333', '#D23333', '#D23333', '#D23333', '#D23333', '#D23333', '#85b4de', '#85b4de', '#85b4de', '#d8d8d8'];
                    var myChart = new JSChart('graph', 'bar');
                    myChart.setDataArray(myData);
                    myChart.colorizeBars(colors);
                    myChart.setTitle('Prozent (%)');
                    myChart.setTitleColor('#8E8E8E');
                    myChart.setAxisNameX('Kantone/Gebiete');
                    myChart.setAxisNameY('Personen');
                    myChart.setAxisColor('#c6c6c6');
                    myChart.setAxisWidth(1);
                    myChart.setAxisNameColor('#9a9a9a');
                    myChart.setAxisValuesColor('#939393');
                    myChart.setAxisPaddingTop(60);
                    myChart.setAxisPaddingLeft(100);
                    myChart.setAxisPaddingBottom(60);
                    myChart.setTextPaddingBottom(20);
                    myChart.setTextPaddingLeft(25);
                    myChart.setTitleFontSize(12);
                    myChart.setBarBorderWidth(0);
                    myChart.setBarSpacingRatio(50);
                    myChart.setBarValuesColor('#737373');
                    myChart.setGrid(false);
                    myChart.setSize(900, 350);
                    myChart.setBackgroundImage('../images/chart_bg.jpg');
                    myChart.draw();
</script>

Das ganze ist so ein Script das einem ein Chart generiert und ein Bild ausgiebt.

Ich habe nun auch schon mal den Code von jspit ausprobiert, jedoch ohne erfolg. Das sah dann so aus:

<script type="text/javascript">
                    var myData = [['ZH', 44.1], ['BS', 42.6], ['SO/<br>AG', 41.4]]; document.getElementById("test").innerHTML=myData[2][0];   
                    var colors = ['#D23333', '#D23333', '#D23333'];
                    var myChart = new JSChart('graph', 'bar');
                    myChart.setDataArray(myData);
                    myChart.colorizeBars(colors);
                    myChart.setTitle('Prozent (%)');
                    myChart.setTitleColor('#8E8E8E');
                    myChart.setAxisNameX('Kantone/Gebiete');
                    myChart.setAxisNameY('Personen');
                    myChart.setAxisColor('#c6c6c6');
                    myChart.setAxisWidth(1);
                    myChart.setAxisNameColor('#9a9a9a');
                    myChart.setAxisValuesColor('#939393');
                    myChart.setAxisPaddingTop(60);
                    myChart.setAxisPaddingLeft(100);
                    myChart.setAxisPaddingBottom(60);
                    myChart.setTextPaddingBottom(20);
                    myChart.setTextPaddingLeft(25);
                    myChart.setTitleFontSize(12);
                    myChart.setBarBorderWidth(0);
                    myChart.setBarSpacingRatio(50);
                    myChart.setBarValuesColor('#737373');
                    myChart.setGrid(false);
                    myChart.setSize(900, 350);
                    myChart.setBackgroundImage('../images/chart_bg.jpg');
                    myChart.draw();
                </script>

 

[kkapsner]

Und was macht die Klasse JSChart mit den Eingaben?

jspit hat wahrscheinlich den richtigen Ansatz aufgezeigt, dass du keinen JS-Zeilenumbruch (\n), sondern einen HTML-Zeilenumbruch (<br>) brauchst - nur gibt es bei dir wahrscheinlich kein Element mit der ID test (das sollte dann auch in der Fehlerkonsole stehen).

 

[jspit]

Die zweite Zeile sollte nur die Möglichkeit der Ausgabe zeigen, hat bei dir nichts zu suchen. Das mit den <br> ist auch nur spekulativ. Ob deine JSChart Klasse zweizeilige Bezeichner überhaupt akzeptiert kann nur dessen Doku klären oder du schaust in den Code.