如何使用Google Visualization创建一个带有子列的表？

我需要使用谷歌可视化按以下格式创建一个表：如何使用Google Visualization创建一个带有子列的表？

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

请让我知道这是否可行使用GVis。如果可行，该怎么办。否则，请让我知道是否有任何解决方法来实现这一点。

请让我知道，如果有任何问题需要澄清。

谢谢。

来源

2013-02-19 Sanath Nair

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

首先你使用子标题制作你的图表（所以你有"", "", "1", "2", "1", "2", "1", "2"）。

然后你在它下面创建一个单独的图表，使其为零高度，没有网格线，没有垂直轴，没有图例，没有任何东西（但要确保它与上图中的chartWidth相同）。在下面的图表中，您使用"A", "B", "C", "D"作为类别创建图表，并且没有数据（null, null, null, null）。您的标签将自动对齐以每对顶端值为中心。然而，如果你真的只有“A”系列的1个值，那么它们将不会排队（因为标签不能均匀分布）。你可以创建一个空白序列，或者为A创建一个双粗线（通过在两列中放入相同的值）或者类似的技巧。

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

来源

2013-02-21 09:40:12 jmac

基本上，这是一个可能的解决方法。我想用CSS将是我的最佳选择。 – 2013-03-15 07:15:37

如何使用Google Visualization创建一个带有子列的表？

回答

相关问题