Google visualization 谷歌图表离散轴显示线？

我使用的是离散值的谷歌图表，似乎无法画出vAxis线（黑色）

当图形以连续值显示时，它会出现，但我不希望图表以这种方式隔开

下面是两种类型的图

如何绘制vAxis线？

vAxis线实际上是hAxis基线，仅适用于连续轴。通过一些黑客技术，您可以将数据放在一个连续的轴上，同时保持其离散性。使用数据视图将数据转换为“数字”类型（使用值的行索引和字符串值作为格式化值），并从视图中的值/格式化值对构建

hAxis.ticks

选项：

function drawChart() {
    var discreteData = new google.visualization.DataTable();
    discreteData.addColumn('string', 'Number');
    discreteData.addColumn('number', 'Value');

    discreteData.addRows([
        ['1.492', 10],
        ['30.701', 17],
        ['127.469', 6],
        ['749.382', 11]
    ]);

    var view = new google.visualization.DataView(discreteData);
    view.setColumns([{
        type: 'number',
        label: discreteData.getColumnLabel(0),
        calc: function (dt, row) {
            return {v: row + 1, f: dt.getFormattedValue(row, 0)};
        }
    }, 1]);

    var ticks = [];
    for (var i = 0; i < view.getNumberOfRows(); i++) {
        ticks.push({v: view.getValue(i, 0), f: view.getFormattedValue(i, 0)});
    }

    var range = view.getColumnRange(0);
    var offset = 0.5; // change this to move the left/right margins of the chart

    var discreteChart = new google.visualization.ColumnChart(document.getElementById('discrete_chart_div'));
    discreteChart.draw(view, {
        title: 'Discrete Axis Line Chart',
        hAxis: {
            ticks: ticks,
            viewWindow: {
                min: range.min - offset,
                max: range.max + offset
            },
            // set gridlines.color to "transparent" to hide the vertical gridlines
            /*
            gridlines: {
                color: 'transparent'
            }
            */
        }
    });
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});

函数绘图图（）{
var discreteData=new google.visualization.DataTable（）；
addColumn（'string'，'Number'）；
addColumn（'number'，'Value'）；
discreteData.addRows([
['1.492', 10],
['30.701', 17],
['127.469', 6],
['749.382', 11]
]);
var view=新的google.visualization.DataView（离散数据）；
view.setColumns([{
键入：“编号”，
标签：discreteData.getColumnLabel（0），
计算：函数（dt，行）{
返回{v:row+1，f:dt.getFormattedValue（row，0）}；
}
}, 1]);
var=[]；
对于（var i=0；i

例：

function drawChart() {
    var discreteData = new google.visualization.DataTable();
    discreteData.addColumn('string', 'Number');
    discreteData.addColumn('number', 'Value');

    discreteData.addRows([
        ['1.492', 10],
        ['30.701', 17],
        ['127.469', 6],
        ['749.382', 11]
    ]);

    var view = new google.visualization.DataView(discreteData);
    view.setColumns([{
        type: 'number',
        label: discreteData.getColumnLabel(0),
        calc: function (dt, row) {
            return {v: row + 1, f: dt.getFormattedValue(row, 0)};
        }
    }, 1]);

    var ticks = [];
    for (var i = 0; i < view.getNumberOfRows(); i++) {
        ticks.push({v: view.getValue(i, 0), f: view.getFormattedValue(i, 0)});
    }

    var range = view.getColumnRange(0);
    var offset = 0.5; // change this to move the left/right margins of the chart

    var discreteChart = new google.visualization.ColumnChart(document.getElementById('discrete_chart_div'));
    discreteChart.draw(view, {
        title: 'Discrete Axis Line Chart',
        hAxis: {
            ticks: ticks,
            viewWindow: {
                min: range.min - offset,
                max: range.max + offset
            },
            // set gridlines.color to "transparent" to hide the vertical gridlines
            /*
            gridlines: {
                color: 'transparent'
            }
            */
        }
    });
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});