谷歌折线图将浮点数转换为整数答案

【问题标题】：Google Line Chart cast float into integer谷歌折线图将浮点数转换为整数
【发布时间】：2017-02-07 22:57:08
【问题描述】：

我有一个小型网站，其中显示谷歌折线图。当要显示的值为浮点数时，一切正常，谷歌图表将其转换为整数，尽管使用 console.log 我可以看到该值确实是浮点数。

37,00 实际上应该是 37,50，因为它打印在控制台上。

代码：

function VOLTAGE_chart() {
    var tempo = document.getElementById("janela").value;
    var mysqlData = $.ajax({
        url: "php/voltage_chart.php",
        dataType: "JSON",
        async: false,
        data:{},
        success: function(x){
            return x;   
        }
    }).responseJSON;
    if (mysqlData == null){
        alert("Não há dados a apresentar!");
        return;
    }

    var phpDate = mysqlData[0]["time"].split(/[^0-9]/);
    var date = new Date (phpDate[0],phpDate[1]-1,phpDate[2],phpDate[3],phpDate[4],phpDate[5] );

    var data = google.visualization.arrayToDataTable([
        ['Time', 'Voltage'], //{label: 'Time', type: 'date'}, {label: 'Voltage', type: 'number'}
        [date, parseFloat(mysqlData[0]["Voltage"])]
    ]);

    for (i = 1; i < Object.keys(mysqlData).length; i++) { 
        phpDate = mysqlData[i]["time"].split(/[^0-9]/);
        date = new Date (phpDate[0],phpDate[1]-1,phpDate[2],phpDate[3],phpDate[4],phpDate[5] );
        data.addRows([[date,parseInt(mysqlData[i]["Voltage"])]]);
    }
    var formatter = new google.visualization.NumberFormat({
        fractionDigits: 2,
        decimalSymbol: ','
    });
    formatter.format(data, 1);
    console.log(mysqlData[3]["Voltage"]);
    var startDate = new Date( date );
    startDate.setMinutes(date.getMinutes() - tempo);

    var options = {
        title: 'Voltage',
        legend: { position: 'none' },
        vAxes: 
        {0: {title: 'Voltage (V)', viewWindow:{min:34, max:45}, gridlines: {count: 12}, ticks: [34,35,36,37,38,39,40,41,42,43,44,45] } },
        hAxes: {0: {title: 'Time', format:'H:m:s', viewWindow: {min: startDate, max: date}  } },
        pointSize: 5
    };
    var chart = new google.visualization.LineChart(document.getElementById('VOLTAGE_chart'));
    chart.draw(data, options);
}

使用 php 和 Ajax 从数据库推送要显示的值，以读取 javascript 文件中的值。

【问题讨论】：

标签： javascript charts google-api google-visualization

【解决方案1】：

检查以下...

for (i = 1; i < Object.keys(mysqlData).length; i++) { 
    phpDate = mysqlData[i]["time"].split(/[^0-9]/);
    date = new Date (phpDate[0],phpDate[1]-1,phpDate[2],phpDate[3],phpDate[4],phpDate[5] );
    data.addRows([[date,parseInt(mysqlData[i]["Voltage"])]]);  //<-- parseInt?
}

改成……

for (i = 1; i < Object.keys(mysqlData).length; i++) { 
    phpDate = mysqlData[i]["time"].split(/[^0-9]/);
    date = new Date (phpDate[0],phpDate[1]-1,phpDate[2],phpDate[3],phpDate[4],phpDate[5] );
    data.addRows([[date,parseFloat(mysqlData[i]["Voltage"])]]);  //<-- use parseFloat
}

【讨论】：

非常感谢