创建一个带有两个y轴变量的Javascript条形图，一个是自下而上，另一个是自上而下

Question

我正在寻找支持在y轴上绘制两个变量的条形图组件：一个以传统的“自下而上”风格显示，另一个显示为“自上而下”...

想象一下，一张图表显示了美国各州的投票结果。时间映射在X轴上，即变量1。一组条形（即变量2）从下往上增长，显示在该时间点投了多少票。另一组酒吧（即变量三）从上到下增长，显示有多少受过大学教育的人口尚未投票。所以，随着时间的推移，当你的眼睛从左向右移动时，你会看到从底部向上增长的条形变大，从顶部向下生长的条形变小。

它几乎就像一个堆积的条形图，除了不是堆叠两个vars，我想要一个var是钟乳石，另一个是石笋。

我查看了各种JS库，但没有找到包含这样一个开箱即用组件的库。

1. 是否有支持这种条形图样式的JS图形库？
2. 如果没有，您发现哪些JS图形库可以轻松自定义以支持这样的图表？

谢谢！

Answer 1

看一下highcharts。它是一个js插件，可以执行多个x和y轴条形图。

Answer 2

检查此库：http://g.raphaeljs.com/

基本上，它允许您使用JS绘制任何图形样式。