Javascript 如何使用GoogleVisualization创建包含子列的表?
我需要使用Google Visualization以以下格式创建一个表: A nbspB nbspC nbspDJavascript 如何使用GoogleVisualization创建包含子列的表?,javascript,python,html,css,google-visualization,Javascript,Python,Html,Css,Google Visualization,我需要使用Google Visualization以以下格式创建一个表: A nbspB nbspC nbspD  |nbsp1|nbsp2|nbsp1|nbsp2|nbsp1|nbsp2 其中1,2是B、C、D的子标题。我目前使用的表格标题为a、B1、B2、C1、C2、D1、D2。但我想将它们划分为如上所示的子标题 请让我知道使用GVis是否可行。如果可行,如何做到这一点。否则,请让我知道是否有任何解决办法来实现这一点 如果问题中有任何需要澄清的地方,请告诉我 谢谢。有一个可行的方法,
 |nbsp1|nbsp2|nbsp1|nbsp2|nbsp1|nbsp2 其中1,2是B、C、D的子标题。我目前使用的表格标题为a、B1、B2、C1、C2、D1、D2。但我想将它们划分为如上所示的子标题 请让我知道使用GVis是否可行。如果可行,如何做到这一点。否则,请让我知道是否有任何解决办法来实现这一点 如果问题中有任何需要澄清的地方,请告诉我
谢谢。有一个可行的方法,但你可能不会喜欢 首先,使用副标题制作图表(因此有
,,,“1”,“2”,“1”,“2”,“1”,“2”,“1”,“2”
)
然后,在其下方制作一个单独的图表,使其为零高度、无网格线、无垂直轴、无图例、无任何内容(但确保其具有与上图相同的chartWidth
)。在下面的图表中,您使用“a”、“B”、“C”、“D”作为类别创建了一个图表,并且没有数据(null、null、null、null
)。标签将自动对齐,以在每对顶部值上居中
但是,如果“A”系列只有1个值,则它们不会对齐(因为标签不能均匀分布)。您可以创建一个空白系列,或者为a创建一条双粗线(在两列中输入相同的值),或者类似的技巧
如果愿意,您也可以编写Javascript,使用一些奇特的CSS将浮动文本框放置在横轴标签下方。基本上,这是一种可能的解决方法。我想使用CSS是我最好的选择。