Hallo,
ich bin php und html gewandt, einigermassen auch MySQL aber javascript am wenigsten. Ich habe aus dem Internet ein skript gefunden, mit dem ich Daten aus Datenbank ein Diagramm darstellen kann. Das ist mir weitgehend gelungen.
Jedoch „barrierefrei“ ist die Darstellung nicht, wenn ich extrem vergrößere oder verkleinere verruscht sich die Punkte (es sind „+“-Zeichen) und die Linie ist auch nicht richtig im Box drinnen.
Welche weitere Möglichkeit habe ich noch? Ich könnte versuchen die „+“-Zeichen durch Punkte als array zu ersetzen, weiss nicht wie ich das richtig angehe bzw. gibt es noch andere Möglichkeiten?
Wäre für (Link)Tipps dankbar.
Folgende Code habe ich aus dem Ursprung in php nur mit dem Datenbank verknüpft, sonst ist es weitgehend das Original. Möchte damit sagen dass ich nicht selbst javascript programmiert habe.
Warum ich es nicht als Grafik darstelle ist der Umstand dass die Linien in einer (z.B. Gif-)Grafik nicht bei Änderungen angepasst werden kann.
document.open();
var D=new Diagram();
D.SetFrame(80, 60, 540, 360);
D.SetBorder(0, 30, -0, 3);
D.SetText("", "", "\<B\>Messwerte und Anpassung\</B\>");
D.Draw("#DDDDDD", "#000000", false, "");
\<!-- beginn der diagrammpunkte --\>
mx=460;
var i, j, x;
for (i=0; i\<=mx; i++)
{ x = D.RealX((i/mx)\*25);
j= D.ScreenY((i/mx)\*2);
new Pixel(80+i, j, "#FF0000");
}
\<!-- ende der diagrammpunkte --\>
new Bar(560, 100, 680, 120, "#FF0000", "Test 1", "#000000");
D.Draw("#FF80FF", "#000000", false);
var Size, Type, x, d=5;
Color=new Array("#000000");
new Dot(D.ScreenX(0.44), D.ScreenY(0.09), 6, 5, Color[1], "Messpunkt Nr: "+eval(50-49), 1);
new Dot(D.ScreenX(0.76), D.ScreenY(0.13), 6, 5, Color[1], "Messpunkt Nr: "+eval(51-49), 1);
new Dot(D.ScreenX(1.17), D.ScreenY(0.17), 6, 5, Color[1], "Messpunkt Nr: "+eval(52-49), 1);
new Dot(D.ScreenX(1.51), D.ScreenY(0.2), 6, 5, Color[1], "Messpunkt Nr: "+eval(53-49), 1);
new Dot(D.ScreenX(2.03), D.ScreenY(0.26), 6, 5, Color[1], "Messpunkt Nr: "+eval(54-49), 1);
new Dot(D.ScreenX(2.71), D.ScreenY(0.32), 6, 5, Color[1], "Messpunkt Nr: "+eval(55-49), 1);
new Dot(D.ScreenX(3.49), D.ScreenY(0.4), 6, 5, Color[1], "Messpunkt Nr: "+eval(56-49), 1);
new Dot(D.ScreenX(4.38), D.ScreenY(0.5), 6, 5, Color[1], "Messpunkt Nr: "+eval(57-49), 1);
new Dot(D.ScreenX(5.61), D.ScreenY(0.62), 6, 5, Color[1], "Messpunkt Nr: "+eval(58-49), 1);
new Dot(D.ScreenX(7.07), D.ScreenY(0.77), 6, 5, Color[1], "Messpunkt Nr: "+eval(59-49), 1);
new Dot(D.ScreenX(8.54), D.ScreenY(0.92), 6, 5, Color[1], "Messpunkt Nr: "+eval(60-49), 1);
new Dot(D.ScreenX(9.97), D.ScreenY(1.07), 6, 5, Color[1], "Messpunkt Nr: "+eval(61-49), 1);
new Dot(D.ScreenX(11.5), D.ScreenY(1.22), 6, 5, Color[1], "Messpunkt Nr: "+eval(62-49), 1);
new Dot(D.ScreenX(12.94), D.ScreenY(1.37), 6, 5, Color[1], "Messpunkt Nr: "+eval(63-49), 1);
new Dot(D.ScreenX(14.36), D.ScreenY(1.52), 6, 5, Color[1], "Messpunkt Nr: "+eval(64-49), 1);
new Dot(D.ScreenX(17.46), D.ScreenY(1.83), 6, 5, Color[1], "Messpunkt Nr: "+eval(65-49), 1);
new Dot(D.ScreenX(20.65), D.ScreenY(2.16), 6, 5, Color[1], "Messpunkt Nr: "+eval(66-49), 1);
new Dot(D.ScreenX(24.31), D.ScreenY(2.53), 6, 5, Color[1], "Messpunkt Nr: "+eval(67-49), 1);
new Dot(D.ScreenX(27.88), D.ScreenY(2.9), 6, 5, Color[1], "Messpunkt Nr: "+eval(68-49), 1);
document.close();
lg deafmax