javascript - 如何使用 Google Visualization 创建带有子列的表格？

Question

我需要使用 Google Visualization 创建以下格式的表格：

一个 | 乙| C | D |
   | 1 | 2 | 1 | 2 | 1 | 2 |

其中 1,2 是 B、​​C、D 的子标题。我目前正在使用一个标题为 A、B1、B2、C1、C2、D1、D2 的表。但我想将它们分成子标题，如上所示。

请让我知道使用 GVis 是否可行。如果可行，如何实现。否则，请让我知道是否有任何解决方法可以实现这一目标。

如果问题中需要任何澄清，请告诉我。

谢谢。

Answer 1

有一种可行的方法，但你可能不会喜欢它。

首先，您使用子标题制作图表（这样您就有了"", "", "1", "2", "1", "2", "1", "2"）。

然后你在它下面做一个单独的图表，让它零高度，没有网格线，没有垂直轴，没有图例，什么都没有（但要确保它chartWidth与上面的图表相同）。在下面的图表中，您创建了一个使用"A", "B", "C", "D"类别的图表，没有数据 ( null, null, null, null)。您的标签将自动对齐，以每对顶部值为中心。

但是，如果“A”系列真的只有 1 个值，那么它们就不会排列（因为标签不能均匀分布）。您可以创建一个空白系列，或者为 A 创建一个双粗线（通过在两列中放置相同的值），或者类似的东西。

如果您愿意，您也可以编写 Javascript 以使用一些花哨的 CSS 将浮动文本框放置在水平轴标签下方。