使用hAxis刻度时Google组合图未显示阶梯区域的烛台

时间:2018-07-22 09:25:58

标签: javascript charts google-visualization

当我使用组合图表并使用烛台和带有hAxis刻度的阶梯式aria图表的混合物时, 它不呈现烛台图表,而仅显示阶梯区域。 我想打破蜡烛垂直网格上的步骤,但不知道该怎么做。

这是我的代码:

    google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawChart);
    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['Date',     'Low', 'Open', 'High', 'Close', 'Average'],
            [{v:1, f:"2014/05/01"},   200,   300,    500,    400 , 100],
            [{v:2, f:"2014/05/02"},   300,   400,    600,    700 , 200],
            [{v:3, f:"2014/05/03"},   100,   150,    200,    300 , 400],
            [{v:4, f:"2014/05/04"},   100,   150,    200,    300 , 400]
        ]);

        var options = {
            areaOpacity: 0,
            bar: { groupWidth: '60%' },
            series: {
                0: {type: "candlesticks"},
                1: {type: "steppedArea"}
            },
            hAxis: { ticks: [{v:1, f:"2014/05/01"},{v:2, f:"2014/05/02"},{v:3, f:"2014/05/03"},{v:4, f:"2014/05/04"}]}
        };

        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }

0 个答案:

没有答案