直线下线图谷歌图表？

Question

可以从折线图谷歌图表中的点做一条直线（虚线和直线）？

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Year', 'Sales'],
        ['2004', 1000],
        ['2005', 1170],
        ['2006', 660],
        ['2007', 1030]
    ]);

var options = {
    title: 'Company Performance',
    pointSize: 10
};

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

概念是这样的......

http://jsfiddle.net/TD92C/

Answer 1

您可以使用ComboChart并使用DataView复制数据系列来伪造这些行。将一个系列设置为“line”类型，将第二个系列设置为“bar”类型。禁用条形图上的交互性并从图表图例中删除该系列。使用bar.groupWidth选项缩小绘制的条形，使它们类似于行：

bar: {
    // use this to set the width of the vertical lines
    groupWidth: 2
},
series: {
    0: {
        // this is the line series
        type: 'line',
        pointSize: 10
    },
    1: {
        // this creates the vertical "lines" down from the points
        type: 'bars',
        color: '#666666',
        enableInteractivity: false,
        visibleInLegend: false
    }
}

在此处查看示例http://jsfiddle.net/asgallant/TD92C/1/。