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

Question

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

我正在这样加载我的库： google.load('visualization', '1.0', {'packages':['corechart'],'callback':drawcharts});

然后我像这样调用我的columtchart：

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});

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

但是我的专栏图变成这样：

我试过调整columnchart上的bar：groupwidth，但是在columnchart上使用Addlistener事件时遇到问题。

如何加载所需的库，以便可以拥有线图的核心图表版本和普通的列图表（而不是带有核心图表的列图表）？ 基本上，图像2和3？ corechart.linechart与仅加载linechart有何不同？

Answer 1

如此愚蠢的错误。 图表div的宽度与图表选项中设置的宽度不同。 当我使它们相同时，效果很好。