Balkendiagramm mit Balkendiagramm-Overlay in Relation

Question

komischer Titel Ich weiß ... Ich entwickle gerade eine einfache Seite, die Temperatur und Feuchtigkeit in einem einfachen Balkendiagramm anzeigt.

Ich konnte keine Lösung finden, wie ich meine Temperatur in Balken anzeigen und diese Balken mit Luftfeuchtigkeitsinformationen überlagern würde, die innerhalb dieser Balken (in Bezug auf ihre Größe) angezeigt werden. Bei einer Temperatur von 22 Grad Celsius und 50 Prozent relativer Luftfeuchtigkeit möchte ich einen Balken anzeigen, der zur Hälfte mit einer anderen Farbe gefüllt ist.

Die aktuelle Lösung ist, die Temperatur als Balken und die Feuchtigkeit als überlagerte Liniendiagramm angezeigt werden:

aber das macht die Temperatur Bar sehr klein. Irgendwelche Ideen welche Art von Diagramm ich ausprobieren sollte?

Ich bin offen für jede Lösung (vorzugsweise JS)

Answer 1

tatsächlich gibt es keine bestehende Lösung, aber das Beste für mich war die Multi-Achsen Diagramm Highcharts: http://www.highcharts.com/demo/combo-multi-axes