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

【问题标题】：How to use Google Visualization to create a table with Sub Columns?如何使用 Google Visualization 创建带有子列的表格？
【发布时间】：2013-02-19 07:23:26
【问题描述】：

我需要使用 Google 可视化创建以下格式的表格：

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

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

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

谢谢。

【问题讨论】：

标签： javascript python html css google-visualization

【解决方案1】：

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

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

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

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

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

【讨论】：

基本上，这是一个可能的解决方法。我想使用 CSS 将是我最好的选择。