用谷歌绘制xaxis和yaxis图表

Question

我想绘制可以在两个y之间设置x的图表，例如我想要绘制一个x = 100和y1 = 200的图表，y2 = 500只是垂直线，具有良好的细节，哪个图表可以为我做这样的事情这个图像

我应该使用哪个图表我认为它应该是折线图但是如何？

Answer 1

您可以使用LineChart来执行此操作。创建一个包含x和y值列的DataTable，然后一次输入一行点，链接点彼此相邻，中间空行（导致行断开，所以你没有连接到下一个垂直对）。这是一个例子：

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['X', 'Y'],
        [1, 100], // keep linked points adjacent
        [1, 200],
        [null, null], // insert blank row in between
        [2, 150],
        [2, 275],
        [null, null],
        [3, 75],
        [3, 200],
        [null, null],
        [4, 100],
        [4, 300]
    ]);
    var chart = new google.visualization.LineChart(document.querySelector('#chart_div'));
    chart.draw(data, {
        height: 400,
        width: 600,
        pointSize: 5
    });
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});

http://jsfiddle.net/asgallant/mMy27/