Question

我在“管理”面板中实施了Google图表API。所有这些都已成功运行，数据已成功加载到jQuery中。

这是我的代码： -

google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawChart);
 function drawChart() {
    /*--------This code is for Line Chart ----------*/          
    var optionsLine = {
      title: 'User Enrollment Statistics',
      curveType: 'function',
      legend: { position: 'bottom' }
    };          

    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>ajax-graph-user-join",
        data: {'type':'yearwise','year':'','month':''},
        dataType: "json",
        success: function (data) {
            var dataArr = [];
            for(var i = 0; i < data.length; i++)
            {
                var ar = [data[i].Year, data[i].User];
                dataArr.push(ar);
            }
            console.log(dataArr);
            var dataLine = google.visualization.arrayToDataTable(dataArr);
            var chartLine = new google.visualization.LineChart($("#lineChart")[0]);
            chartLine.draw(dataLine, optionsLine);
        },
        failure: function (r) {
            alert(r.d);
        },
        error: function (r) {
            alert(r.d);
        }
    });
}

现在，为了解释我的问题，我正在分享图片： -

如您所见，年份（沿x轴）显示为小数，零和.5

我希望将年份显示为整数，而不使用逗号，即2,014。

我该怎么做？

编辑： -

在建议将hAxis: {format: '0000'}放入optionsLine后，我的图表就像这样：

两个2015和两个2016

Answer 1

使用hAxis.format configuration option

var optionsLine = {
  title: 'User Enrollment Statistics',
  curveType: 'function',
  legend: { position: 'bottom' },
  hAxis: {
    format: '0000'
  }
};

Answer 2

如果图表未进行任何转换，则可以将其转换为int

  var ar = [data[i].Year, data[i].User];

替换为

    var ar = [parseInt(data[i].Year), data[i].User];

同样在top optionsLine中添加以下选项

var optionsLine = {
title: 'User Enrollment Statistics',
curveType: 'function',
legend: { position: 'bottom' },
 vAxis: {format: '0'},
 hAxis: {format: '0000'}
};

Answer 3

添加

hAxis：{ 网格线： { 颜色：“透明” }，格式： '0' }，

它会起作用！

如何在Google图表API中删除年份中的小数？

编辑： -

3 个答案: