Javascript 在谷歌图表中避免X轴小数点

Javascript 在谷歌图表中避免X轴小数点,javascript,google-visualization,decimal,Javascript,Google Visualization,Decimal,我正在使用谷歌图表,我创建了一个水平堆叠图表。我绘制图表的数组是 [['name','count',{ role: "style" }], ['abc', 1, '#4CAF50'], ['pqr', 2, '#4CAF50'], ['xyz', 1, '#4CAF50'], ['efg', 1, '#4CAF50'], ['klm', 2, '#4CAF50']] 这将产生X轴点0.5,1.0,1.5,2.0. 但是我想避免X轴上的小数点。 为此,我尝试: hAxis: {

我正在使用谷歌图表,我创建了一个水平堆叠图表。我绘制图表的数组是

[['name','count',{ role: "style" }],
['abc', 1, '#4CAF50'],
['pqr', 2, '#4CAF50'],
['xyz', 1, '#4CAF50'],
['efg', 1, '#4CAF50'],
['klm', 2, '#4CAF50']]
这将产生
X轴
0.5,1.0,1.5,2.0.

但是我想避免X轴上的小数点。

为此,我尝试:

hAxis: {
          format: '#'
        }

但是这些将
X轴
表示为:
1,1,2,2。
这是不可取的

我想要
X轴
点类似于:
1,2,3,4

我该怎么做?任何帮助都是非常可观的…

试试滴答声选项。是它的小提琴

ticks: [1, 2, 3] 
试试滴答声选项。是它的小提琴

ticks: [1, 2, 3] 

您可以通过
ticks
选项显式指定X轴。但是,由于您的目标是基于输入数据设置的,因此您可以如下所示指定它:

google.load(“可视化”,“1”,“{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Year','salled Books(M)',{role:'annotation'}],
['2010', 1.1, ''],
['2011', 3.0, ''],
['2012', 9.0, ''],
['2013', 7.3, ''],
['2014', 3.5, '']
]);
变量选项={
宽度:600,
身高:400,
图例:{位置:“无”},
isStacked:是的,
哈克斯:{
刻度:刻度(数据,1)
}
};
var chart=new google.visualization.BarChart(document.getElementById(“BarChart_值”);
图表绘制(数据、选项);
}
功能检查(数据表,步骤){
var min=数学层(dataTable.getColumnRange(1.min));
var max=Math.ceil(dataTable.getColumnRange(1.max));
var VAL=[];

对于(var cur=min;cur您可以通过
ticks
选项显式指定X轴。但是,由于您的目标是基于输入数据设置ticks,因此您可以如下所示进行指定:

google.load(“可视化”,“1”,“{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Year','salled Books(M)',{role:'annotation'}],
['2010', 1.1, ''],
['2011', 3.0, ''],
['2012', 9.0, ''],
['2013', 7.3, ''],
['2014', 3.5, '']
]);
变量选项={
宽度:600,
身高:400,
图例:{位置:“无”},
isStacked:是的,
哈克斯:{
刻度:刻度(数据,1)
}
};
var chart=new google.visualization.BarChart(document.getElementById(“BarChart_值”);
图表绘制(数据、选项);
}
功能检查(数据表,步骤){
var min=数学层(dataTable.getColumnRange(1.min));
var max=Math.ceil(dataTable.getColumnRange(1.max));
var VAL=[];

对于(var cur=min;cur你在找直方图:http?/jsfiddle.net/suchit/q44jryg3/你在找直方图:http?/jsfiddle.net/suchit/q44jryg3/这很好,但我不能指定轴点,因为它是动态生成的。不过,你的答案是+1(对我来说真的很陌生),我相信这将有助于我以后的工作。您可以使用动态数据的输出生成数组,并将该数组输入到ticks参数。通过这种方式,您可以定义您选择的间隔。否。X轴值和X轴点可能不相同。如果我得到数组值[1,3,9,3,6,7,3]那么X轴点应该是1到9或10或[2,4,8,10]或任何值(不包含小数点,这是唯一的条件)。我想你明白了。因此,你可以获取数组值,转换为整数,排序,删除重复项,等等。这很好,但我不能指定轴点,因为它是动态生成的。但是你的答案是+1(这对我来说真的很新),我相信这将有助于我以后的工作。您可以使用动态数据的输出生成数组,并将该数组输入到ticks参数。通过这种方式,您可以定义您选择的间隔。否。X轴值和X轴点可能不相同。如果我得到数组值[1,3,9,3,6,7,3]然后X轴点应该是1到9或10或[2,4,8,10]或其他任何值(不包含小数点,这是唯一的条件)。我认为你得到了点。因此,你可以获取数组值,转换为整数,排序,删除重复项,等等。。。