在谷歌图表中设置浮点数答案

【问题标题】：Setting floating points in google graph charts在谷歌图表中设置浮点数
【发布时间】：2013-09-24 21:40:26
【问题描述】：

我想将 137.55 等值分配给谷歌图表中的“数字”类型列，然后绘制它。每当我分配浮点数时，它都会引发此异常：

Uncaught Error: Type mismatch. Value 32.03 does not match type number in column index 1

我的代码是这样的：

      var data = new google.visualization.DataTable();

   data.addColumn('number','Loop');
   data.addColumn('number','ReqSec');
   var myTicks = new Array();

   var formatter = new google.visualization.NumberFormat({
       fractionDigits: 2
    });

   for (var i=0;i<arr.length;i++){
        myVal = $.trim(arr[i][10]);
        myVal = parseFloat(Math.round(myVal * 100) / 100).toFixed(2);
        data.addRow([parseInt(i), myVal]);
        myTicks[i] = i;
   }

   formatter.format(data, 1);

  // Create and draw the visualization.
  new google.visualization.AreaChart(document.getElementById('visualization')).
      draw(data, {curveType: "function",
                  width: 700, height: 400,
                  vAxis: {title: 'Throughput'},
                  hAxis: {title: 'Loop', ticks: myTicks}}
          );

我尝试使用格式化程序，但我猜它不是用于浮点数据类型插入。有什么建议或解决方案吗？

【问题讨论】：

请分享arr和/或myVal的内容。如果您使用 32.03 手动输入数据，它工作得很好，所以那里还有其他可疑的东西。

标签： javascript graph google-visualization

【解决方案1】：

这是你的问题：

myVal = parseFloat(Math.round(myVal * 100) / 100).toFixed(2);

toFixed 方法的返回值是字符串，不是数字。使用 Math.round(myVal * 100) / 100 将为您提供一个具有 2 个十进制精度的浮点数；你不需要打电话给toFixed。此外，在数字上调用 parseFloat 是毫无意义的——您应该在从数组中获取的字符串值上调用它。第三，调用parseInt(i) 也毫无意义，因为i 已经是一个整数（从技术上讲，javascript 中的所有数字都是浮点数）。试试这个：

for (var i=0;i<arr.length;i++){
    myVal = parseFloat($.trim(arr[i][10]));
    myVal = Math.round(myVal * 100) / 100;
    data.addRow([i, myVal]);
    myTicks[i] = i;
}

这会将字符串解析为浮点数，然后将其修剪到小数点后 2 位的精度。如果您有兴趣使用数组中数据给定的精度绘制数据图表，但希望将工具提示中显示的值修剪到小数点后 2 位，则可以改为：

for (var i=0;i<arr.length;i++){
    myVal = parseFloat($.trim(arr[i][10]));
    data.addRow([i, {v: myVal, f: myval.toFixed(2)}]);
    myTicks[i] = i;
}

【讨论】：