SVG: display chart info


Die Farben des Chart sind die überall benutzten Farben jeder Sektion. Trotzdem möchte man „wo, wann, wieviel“ des einzelnen Datenpunktes sehen, sobald die Maus auf dem Punkt verweilt.
Machen Sie sich keine großen Gedanken, es ist recht simpel. Das Chart ist ein SVG und wird in einer 4D WebArea angezeigt. Erst zeichne ich ein Rechteck $rectRef und danach weise ich dem Rechteck einen Text in der Form SVG_Set_title ($rectRef;… zu.

$rectRef:=SVG_New_rect ($svgRef;$x_L;$y_L;$rectKante_L;$rectKante_L;0;0;$svgColor;$svgColor;$lineThickness_L)
$hoverTitle:=$filialName+“\ram „+String($k)+“.\r€: „+String($t_TagesUmsatz_R{$k};“|Betrag“)
$titleRef:=SVG_Set_title ($rectRef;$hoverTitle)

Und jetzt, wieviel Zeilen Text sind möglich und wie breit kann der Text werden? Ausprobieren!

Edge ist immer noch nicht über die Kante des state-of-the-art HTML-Renderns.



The colours of the chart-elements are always the same for the section. Nevertheless, I like to read where, when, how much for every datapoint drawn as soon as the mouse hovers over that datapoint.

hoverTipSVG
Don’t start building something complex. It’s pretty easy to achieve. This chart is a SVG displayed inside a 4D web area. First a rectangle $rectRef is drawn and this rectangle gets an title-text SVG_Set_title ($rectRef;…

$rectRef:=SVG_New_rect ($svgRef;$x_L;$y_L;$rectKante_L;$rectKante_L;0;0;$svgColor;$svgColor;$lineThickness_L)
$hoverTitle:=$filialName+“\ram „+String($k)+“.\r€: „+String($t_TagesUmsatz_R{$k};“|Betrag“)
$titleRef:=SVG_Set_title ($rectRef;$hoverTitle)

Now, how many lines and how wide a text is possible? Don’t know.

Edge still is lacking much of state-of-the-art html-rendering. We should charge MS for the extra efforts.