X轴标签带有额外的小数...将步骤增加到1

发布于 2025-01-28 08:36:41 字数 1132 浏览 3 评论 0原文

我需要线图方面的帮助…。我正在提供H轴标签为15,16,17,18,但是在绘制的图表上,我也得到15.5,16.5…。如何删除它???我还使用了Max:4在Haxis中……仍然相同的问题。...我还尝试了Tickinterval:1,但图表一无所获。

<script>

        google.charts.load('current', {'packages':['line']});
  google.charts.setOnLoadCallback(drawChart);
        var val = {{valuess | tojson}}
        var tags = {{labelss | tojson}}
        var week_ranges = {{week_range  | tojson}}

   console.log(week_ranges)
function drawChart() {

  var data = new google.visualization.DataTable();
  for (i = 0; i < tags.length; i++){
    data.addColumn('number', tags[i]);
  }

  data.addRows(val);

  var options = {
    chart: {
      title: 'Incoming Tag Trends For  Resolver Group :  {{rg}}',
      subtitle: 'Year - {{year}}   Start Week - {{sweek}}   End Week - {{eweek}}'

    },
    width: 900,
    height: 500,
    hAxis : {
      viewWindow: {
        min: 1,
        max: week_ranges.length
      },
      ticks: week_ranges
    }
  };


  var chart = new google.charts.Line(document.getElementById('curve_chart'));


  chart.draw(data, google.charts.Line.convertOptions(options));
}
</script>

i need help with line chart….i am providing h axis label as 15,16,17,18 but on the graph plotted i also get 15.5, 16.5….how to remove it??? i also used max: 4 in hAxis…still same issue....I also tried tickInterval: 1 but then graph is showing nothing .

<script>

        google.charts.load('current', {'packages':['line']});
  google.charts.setOnLoadCallback(drawChart);
        var val = {{valuess | tojson}}
        var tags = {{labelss | tojson}}
        var week_ranges = {{week_range  | tojson}}

   console.log(week_ranges)
function drawChart() {

  var data = new google.visualization.DataTable();
  for (i = 0; i < tags.length; i++){
    data.addColumn('number', tags[i]);
  }

  data.addRows(val);

  var options = {
    chart: {
      title: 'Incoming Tag Trends For  Resolver Group :  {{rg}}',
      subtitle: 'Year - {{year}}   Start Week - {{sweek}}   End Week - {{eweek}}'

    },
    width: 900,
    height: 500,
    hAxis : {
      viewWindow: {
        min: 1,
        max: week_ranges.length
      },
      ticks: week_ranges
    }
  };


  var chart = new google.charts.Line(document.getElementById('curve_chart'));


  chart.draw(data, google.charts.Line.convertOptions(options));
}
</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

可可 2025-02-04 08:36:41

您可以使用格式配置选项来指定tick的数字格式...

hAxis : {
  viewWindow: {
    min: 1,
    max: week_ranges.length
  },
  ticks: week_ranges,
  format: '#,##0'
}

you can use the format config option to specify the number format of the ticks...

hAxis : {
  viewWindow: {
    min: 1,
    max: week_ranges.length
  },
  ticks: week_ranges,
  format: '#,##0'
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文