Charts 谷歌图表API:直方图,如何融合条形图和将x记号改为整数

Charts 谷歌图表API:直方图,如何融合条形图和将x记号改为整数,charts,google-visualization,histogram,Charts,Google Visualization,Histogram,我正在使用GoogleChartAPI创建直方图,并希望修改条形图,使其与旁边的条形图融合,并将Xtick更改为整数 问题: 我怎样才能做到以下几点: 把金属条和旁边的熔丝熔合 使h/x记号显示为ints 电流输出: 理想输出: 相关研究: 我找不到那么多,除了这两个有助于解决我的一些问题,但不是上面两个: MWE: google.charts.load(“当前”{packages:[“corechart”]}); google.charts.setOnLoadCallback

我正在使用GoogleChartAPI创建直方图,并希望修改条形图,使其与旁边的条形图融合,并将Xtick更改为整数

问题:

我怎样才能做到以下几点:

  • 把金属条和旁边的熔丝熔合
  • 使h/x记号显示为
    int
    s
电流输出:

理想输出:

相关研究:

我找不到那么多,除了这两个有助于解决我的一些问题,但不是上面两个:

MWE:

google.charts.load(“当前”{packages:[“corechart”]});
google.charts.setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['MyData','Value'],
[Val',25.4],
[Val',25.4],
[Val',25.4],
[Val',25.4],
[Val',25.6],
[Val',25.8],
['Val',25.8]
]);
变量选项={
标题:“统计数据”,
图例:{位置:'无'},
宽度:1100,
身高:500,
图表区域:{宽度:900,高度:150},
颜色:['#ff0000'],
直方图:{bucketSize:0.2,minValue:22,maxValue:28,hideBucketItems:true},
//条:{宽度:5},
//条:{groupWidth:0},
言辞:{
标题:“频率”,
titleTextStyle:{粗体:假,斜体:假},
网格线:{color:“white”},
滴答声:[1,2,3,4,5,6,7],
},//结束V轴
哈克斯:{
标题:“价值观”,
titleTextStyle:{粗体:假,斜体:假},
类型:'类别',
滴答声:[22,23,24,25,26,27,28],//这不管用?!!!?
}//结束H轴
};//结束选项
var chart=new google.visualization.Histogram(document.getElementById('chart_div'));
图表绘制(数据、选项);
}


为了让hAxis.ticks工作,
删除选项
hAxis.category

(不确定这是干什么的,在参考资料中没有看到)

为了消除杆之间的间隙,
必须使用以下选项

bar: {
  gap: 0
},
并使用谷歌图表的冻结版
'45.2'
(或更低版本)

google.charts.load('45.2', {...
请参阅以下工作片段

google.charts.load('45.2'{
软件包:['corechart']
}).然后(函数(){
var data=google.visualization.arrayToDataTable([
['MyData','Value'],
[Val',25.4],
[Val',25.4],
[Val',25.4],
[Val',25.4],
[Val',25.6],
[Val',25.8],
['Val',25.8]
]);
变量选项={
标题:“统计数据”,
图例:{位置:'无'},
宽度:1100,
身高:500,
图表区域:{宽度:900,高度:150},
颜色:['#ff0000'],
直方图:{bucketSize:0.2,minValue:22,maxValue:28,hideBucketItems:true},
酒吧:{
差距:0
},
言辞:{
标题:“频率”,
titleTextStyle:{粗体:假,斜体:假},
网格线:{color:“white”},
滴答声:[1,2,3,4,5,6,7],
},//结束V轴
哈克斯:{
标题:“价值观”,
titleTextStyle:{粗体:假,斜体:假},
//类型:'类别',
滴答声:[22,23,24,25,26,27,28]
}//结束H轴
};//结束选项
var chart=new google.visualization.Histogram(document.getElementById('chart_div'));
图表绘制(数据、选项);
});


哇,谢谢!但是你怎么知道使用冻结版本
45.2
?我过去在
“当前”版本上遇到过问题,所以当某些东西不起作用时,我会尝试其他版本。你可以在教室里看到它们