javascript - 图形计数器校正

Question

我有一个图表和我的系统，我需要它来报告搜索结果的准确值。

由于数据较多，结果是1.1K。

在 1.1K 想要的地方，它显示了确切的值，即 1057。这是 JS 中的图形函数:

function Post(url, param, title, totalText) {
    totalText = totalText || "Total";

    $.ajax({
        method: "POST",
        url: "/Graficos/" + url,
        data: param,
        beforeSend: function () {
            showLoader();
        },
        success: function (data) {
            ChartConstructor(title, JSON.stringify(data), totalText);
        },
        complete: function () {
            hideLoader();
        }
    });
}

    function ChartConstructor(title, dados, totalText) {
        window.google.charts.load('current', { 'packages': ['bar'] });
        window.google.charts.setOnLoadCallback(drawStuff);

        function drawStuff() {
            var table = JSON.parse(dados);
            var rows = "";

            var array = [["", "Total"]];

            for (var i = 0; i < table.length; i++) {
                array.push([table[i].Title, table[i].Count]);
            }

            var data = new google.visualization.arrayToDataTable(array);

            var options = {
                width: '100%',
                height: 400,            
                chart: {
                    title: title,
                },
                bar: { groupWidth: '95%' },
                bars: 'horizontal',
                series: {
                    0: { axis: 'distance' }, 
                }
            };

            var chart = new google.charts.Bar(document.getElementById("chart-content"));
            chart.draw(data, options);

            $("#chart-type").val("");
        }
    }

Answer 1

根据documentation ，您可以将 hAxis 或 vAxis 的格式设置为“none”以显示完整数字。

示例:

        var options = {
            width: '100%',
            height: 400,            
            chart: {
                title: title,
            },
            bar: { groupWidth: '95%' },
            bars: 'horizontal',
            series: {
                0: { axis: 'distance' }, 
            },
            vAxis: {
                format: 'none'
            }
        };