Google visualization 使用google绘制xaxis和yaxis图表

Google visualization 使用google绘制xaxis和yaxis图表,google-visualization,Google Visualization,我想画一个图表,可以将x设置在两个y之间,例如,我想画一个图表,x=100,y1=200,y2=500,只是垂直线,有很好的细节,哪个图表可以为我这样做,比如这张图 我应该使用哪种图表?我认为应该是折线图,但如何使用呢?您可以使用折线图来实现这一点。创建一个包含x和y值列的数据表,然后一次输入一行点,链接点彼此相邻,中间为空行(这会导致线断开,因此不连接到下一个垂直对)。下面是一个例子: function drawChart() { var data = google.visualiz

我想画一个图表,可以将x设置在两个y之间,例如,我想画一个图表,x=100,y1=200,y2=500,只是垂直线,有很好的细节,哪个图表可以为我这样做,比如这张图


我应该使用哪种图表?我认为应该是折线图,但如何使用呢?

您可以使用折线图来实现这一点。创建一个包含
x
y
值列的数据表,然后一次输入一行点,链接点彼此相邻,中间为空行(这会导致线断开,因此不连接到下一个垂直对)。下面是一个例子:

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});

谢谢你的回答,这正是我想要的:)