Javascript für Liquid mit weiteren Text erweitern

[haiflosse]

Hallo!
ich verwende folgende Javascript Beispiel um einen bestimmten Prozentwert anzuzeigen:
D3 Liquid Fill Gauge - bl.ocks.org
Das funktioniert auch soweit sehr gut.
Nun möchte ich aber genau unter der Liquidgrafik einen weiteren Text z.B. ein Datum übergeben und anzeigen lassen.
Hier ein Beispiel:

Daher wollte ich fragen, ob mir jemand dabei helfen kann, wie ich dies umsetzen könnte.
Vielen Dank für jede Antwort

 

[mikdoe]

Hi!
Warum an die Lib übergeben? Den Text kann man einfach in das Zielnode schreiben.

 

[haiflosse]

Danke für die Antwort.
Bitte um die Information, wo im Zielnode ich den Text einfach hineinschreiben kann?
Danke

 

[mikdoe]

Du gibst im ersten Aufrufparameter die ID des Zielnode an. In der Doku ist das ein <svg...>. Wenn man jetzt darum ein <div...> spannt und dort hinein Text schreibt sollte das angezeigt werden.

Also z. B. so:
<div><svg id="fillgauge1" width="97%" height="250" onclick="gauge1.update(NewValue());"></svg>Testtext</div>

Oder dynamisch:
HTML:

<div id="paket1"><svg id="fillgauge1" width="97%" height="250" onclick="gauge1.update(NewValue());"></svg></div>

JS:

document.getElementById('paket1').innerHTML .= 'Testtext';

Eventuell noch ein <br> zwischen das <svg...> und den Text.