Question

我一直在谷歌搜索很多时间，但没有找到任何有效的解决方案，所以决定问一个问题。为什么我看不到我的第一个data_row元素99.00日期？

以下是代码如何初始化所有脚本：

var colors = [ '#F1A504', '#80CE61', '#0BA3E4', '#7E4CCF' ];
var gChart = {
    table_data : {
        1: 'Reguliavimas "į viršų" kiekis',
        2: 'Reguliavimas "žemyn" kiekis',
        3: 'Reguliavimas "į viršų" kaina',
        4: 'Reguliavimas "žemyn" kaina'
    },
    data_row : [
        [ new Date( 2013, 3, 17, 0, 00, 00 ), 0.00, 99.00, 0.00, 40.00],
        [new Date( 2013, 3, 17, 1, 00, 00 ), 0.00, 11.00, 0.00, 40.00],
        [new Date( 2013, 3, 17, 2, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 3, 00, 00 ), 0.00, 27.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 4, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 5, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 6, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 7, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 8, 00, 00 ), 0.00, 42.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 9, 00, 00 ), 0.00, 30.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 10, 00, 00 ), 0.00, 20.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 11, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 12, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 13, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 14, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 15, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 16, 00, 00 ), 0.00, 46.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 17, 00, 00 ), 0.00, 90.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 18, 00, 00 ), 0.00, 90.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 19, 00, 00 ), 0.00, 108.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 20, 00, 00 ), 0.00, 75.00, 0.00, 38.00],
        [new Date( 2013, 3, 17, 21, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 22, 00, 00 ), 0.00, 0.00, 0.00, 0.00],
        [new Date( 2013, 3, 17, 23, 00, 00 ), 0.00, 0.00, 0.00, 0.00 ]
    ],
    lang : 'lt',
    maxV : 108.00,
    minV : 0.00,
    chartType: 1,
    dataGroup: 'H'
};


function drawChart( id, table_data, data_row, lang, chartType, colors ){

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

dataTable.addColumn('datetime', 'Time');
for ( var i = 1; i <= objCount( table_data ); i++ ) {

    dataTable.addColumn( 'number', table_data[i] );
}

var dataView = new google.visualization.DataView( dataTable );


var options3 = {
    width: 670,
    height: 380,
    fontSize: 11,
    colors: colors,
    backgroundColor: 'transparent',
    legend: 'none',
    chartArea: {
        top: 5,
        left: 50,
        width: 647,
        height: 351
    },
    hAxis: {
        textStyle: { color: "#9a9fa3" },
        baselineColor: "#b1b3b6",
        gridlines: {
            color: "transparent",
            count: 28
        },
        maxAlternation: 26,
        format: gChart.dataGroup
    },
    vAxis: {
        baselineColor: "#b1b3b6",
        gridlines: {
            color: "#eff0f1",
            count: 8
        },
        textStyle: { color: "#9a9fa3" }
    }
};


var chart = new google.visualization.ColumnChart( document.getElementById( id ) );
dataTable.addRows( data_row );
chart.draw( dataView, options3 );

}

/* LOADING GCHARTS */
google.load( "visualization", "1", { packages:["corechart"], language: gChart.lang } );
google.setOnLoadCallback(function() {
    drawChart( 'chart', gChart.table_data, gChart.data_row, gChart.lang, gChart.chartType, colors );
});

Answer 1

请在Google Visualization Chart Not Showing First Column

查看我的回答

基本上，您需要DataView将表格的第一列格式化为字符串。

后：

var dataView = new google.visualization.DataView( dataTable );

插入：

dataView.setColumns([{calc: function(data, row) { return data.getFormattedValue(row, 0); }, type:'string'}, 1, 2, 3, 4]);

Google柱形图缺少数据

1 个答案: