Javascript 谷歌图表列图表宽度
我正在使用谷歌可视化的条形图。我对第一个和最后一个数据点的数据点绘制方式有问题 正如您所看到的,第一个数据点(1985年之前的数据点)和最后一个数据点并没有完全显示出来。I这些的宽度减小了。我认为填充是个问题 我正在使用以下代码:Javascript 谷歌图表列图表宽度,javascript,google-visualization,Javascript,Google Visualization,我正在使用谷歌可视化的条形图。我对第一个和最后一个数据点的数据点绘制方式有问题 正如您所看到的,第一个数据点(1985年之前的数据点)和最后一个数据点并没有完全显示出来。I这些的宽度减小了。我认为填充是个问题 我正在使用以下代码: google.load("visualization", "1", {packages:["corechart"]}); google.setOnLoadCallback(drawChart); function drawChart(dataArray) {
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart(dataArray) {
var data = google.visualization.arrayToDataTable(dataArray);
var options1 = {
hAxis: {title: 'Year', titleTextStyle: {color: 'Black', italic: false}, format:''},
vAxis: {gridlines:{count:5}},
colors:['green'],
'chartArea': {'width': '90%', 'height': '80%'},
sliceVisibilityThreshold:0 //zero value item still show up
};
var chart1 = new google.visualization.ColumnChart(document.getElementById('columnChart'));
chart1.draw(data, options1);
}
您的代码没有显示数据表,但我们可以猜测第一列的值是数字。柱状图的绘制方式存在一个缺陷,即第一个和最后一个条形图的一半不在图表中。您可以通过自己确定最小值和最大值,并将viewWindow.min和max选项设置为数据最小值和最大值加上一半的栏宽来进行补偿
不过,这个bug在最新版本中已经修复,因此在这之后您不需要解决它。如果您将google.load调用更改为使用“1.1”而不是“1”,您应该能够看到该修复程序。您的代码不会显示数据表,但我们可以猜测第一列的值是数字。柱状图的绘制方式存在一个缺陷,即第一个和最后一个条形图的一半不在图表中。您可以通过自己确定最小值和最大值,并将viewWindow.min和max选项设置为数据最小值和最大值加上一半的栏宽来进行补偿 不过,这个bug在最新版本中已经修复,因此在这之后您不需要解决它。如果您将google.load调用更改为使用“1.1”而不是“1”,您应该能够看到该修复