Google Visualization库加载会产生两种不同的结果

Question

我在正确加载Google Visualization库时遇到了一个非常令人沮丧的问题。我的页面上有两个图表。一个是柱状图，另一个是折线图。

我正在加载我的库，如下所示：       google.load('visualization', '1.0', {'packages':['corechart'],'callback':drawcharts});

然后我就像这样调用我的柱状图：

var chart = new google.visualization.ColumnChart(chartDiv)

和我的折线图如下：

myLineChart = new google.visualization.LineChart(document.getElementById('myChart2'));

这导致以下两个图表：

第一张照片是线图，这就是问题所在。当我改为加载我的可视化库时：

google.load('visualization', '1.0', {'packages':['linechart','columnchart'], 'callback': drawcharts});

我得到了我想要的线条图：

但我的专栏图如下：

我已尝试调整条形图：柱形图上的groupwidth但在柱形图上使用Addlistener事件时遇到问题。

如何加载所需的库，以便我可以获得线图的核心图版本和正常的柱状图（而不是带核心图的那个）？基本上，图像2和3？ corechart.linechart与加载折线图有何不同？

Answer 1

这样一个愚蠢的错误。我的图表div的宽度和图表选项中设置的宽度不一样。当我使它们相同时，它工作正常。