Question

我有一个谷歌可视化线图。我在h轴上格式化标签时遇到问题。我想让它们四舍五入到整数，所以它看起来更整洁。我查看了文档，但找不到解决方案。这是我的代码：

HTML

<div id="myChart2" name="myChart2" width="500" height="280"></div>

的jQuery

$(document).ready(function(){
  var chartData = new google.visualization.DataTable();
  chartData.addColumn('number', 'SPS');
  chartData.addColumn('number', 'WGT');
  var chartdatax = ["47", "47", "38", "35", "35"];
  var chartdatay = ["1500", "2300", "2300", "1950", "1500"];
  for (var i = 0; i < chartdatax.length; i++) {
    chartData.addRow([parseFloat(chartdatax[i]), parseFloat(chartdatay[i])]);
  };
  options2 = {
    height: 500,
    hAxis: {
      title: 'SPS',
      gridlines: {
        count: 15
      }
    },
    vAxis: {
      title: 'WGT',
      gridlines: {
        count: 15
      }
    },
    chartArea: {
      top: 40,
      width: "70%",
      height: "75%"
    },
    legend: {
      position: 'none'
    },
    pointSize: 5
  };
  myLineChart = new google.visualization.LineChart(document.getElementById('myChart2'));
  myLineChart.draw(chartData, options2);
});

JSFiddle： https://jsfiddle.net/rdawkins/w83mdx3y/2/

Answer 1

您可以将format:'#,###'添加到hAxis对象：

hAxis: {
  format:'#,###',
  title: 'SPS',
  gridlines: {
    count: 15
  }
},

以下是您的小提琴的更新版本：https://jsfiddle.net/w83mdx3y/3/

有关其工作原理的详细信息，请参阅图表文档中的customizing axes。

如何将H轴标签值舍入为整数？

1 个答案: