谷歌图表工具提示数字格式科学

Posted

技术标签:

【中文标题】谷歌图表工具提示数字格式科学【英文标题】:Google charts tooltips number format scientific 【发布时间】:2017-02-13 19:13:35 【问题描述】:

如何将谷歌图表的工具提示数字格式设置为“科学”?我已经尝试过 google.visualization.NumberFormat 但没有任何运气。我可以设置 vAxis 如下所示:chart

    $.ajax(
        url: "GetAreaChartData",
        type: "post",
        data: formContainer.serialize(),
        success: function (data) 
            var tdata = new google.visualization.DataTable();
            var rows = data.length;
            var cols = data[0].length;

            tdata.addColumn('datetime', 'DateTime');
            tdata.addColumn('number', 'Frequency Offset');


            tdata.addRows(data.length);
            for (var i = 1; i < data.length; i++) 

                tdata.setCell(i, 0, new Date(data[i][0]));
                for (var j = 1; j < cols; j++) 
                    var value = parseFloat(data[i][j]);
                    tdata.setCell(i, j, value);
                
            

            var options = 

                width: 900,
                height: 500,
                lineWidth: 1,
                pointSize: 0,
                legend: 'none',
                vAxis: 
                    title: "Frequency Offset",
                    format:"scientific"
                ,
            ;

            var formatter = new google.visualization.NumberFormat( format: 'scientific' );
            formatter.format(tdata, 1);

            var chart = new google.visualization.ScatterChart(document.getElementById('chart_div'));
            chart.draw(tdata, options);
        ,
        error: function (jqXHR, textStatus, errorThrown) 
            alert(errorThrown);
        
    );

【问题讨论】:

【参考方案1】:

NumberFormat 没有选项 --> 'format'

使用 --> 'pattern' -- 代替...

var formatter = new google.visualization.NumberFormat( pattern: 'scientific' );

【讨论】:

谢谢!正是我想要的。

以上是关于谷歌图表工具提示数字格式科学的主要内容,如果未能解决你的问题,请参考以下文章

谷歌图表:带有自定义工具提示的多行

谷歌日历图表日期弹出(工具提示)问题

图表共享工具提示标题

带有 HTML 工具提示的 Google 图表

Google图表 - 在折线图工具提示中格式化日期

如何使用工具提示格式化程序并仍然显示图表颜色(就像默认情况下一样)?