条形图与条形图重叠关系

Question

我知道奇怪的头衔...... 我目前正在开发一个简单的页面，用简单的条形图显示温度和湿度。

我找不到任何解决方案如何在条形图中显示我的温度，并将这些条形图覆盖在这些条形图中显示的湿度信息（相对于它们的大小）。鉴于22摄氏度的温度和50％的相对湿度，我想显示一个半满另一种颜色的酒吧。

目前的解决方案是将温度显示为条形和湿度作为叠加折线图：

但这使得温度条非常小。 我应该试试哪种类型的图表？

我愿意接受任何解决方案（最好是JS）

Answer 1

实际上没有现成的解决方案，但对我来说最好的是Highcharts的多轴图表：http://www.highcharts.com/demo/combo-multi-axes