Javascript 谷歌图表柱形图占据整个月的空间

我有一个谷歌柱形图，我在一个月和一年内通过，并格式化轴以MMM-yyy格式显示它。但在实际图表和网格线上，谷歌图表会插入一个默认日期1。因此，图表看起来不太好

我想要一个完整的专栏，涵盖整个月，不知道如何实现这一点

我的代码是

static drawChartIssuesPerMonthForCompany(data) {
    let dataTable = new google.visualization.DataTable();

    dataTable.addColumn("date", "Months");
    dataTable.addColumn("number", "Issue Count");

    data.forEach(row => {
        console.log(data);
        dataTable.addRow([new Date(row.yearId, row.monthId - 1), row.issueCount]);
    });
    let chart = new google.visualization.ColumnChart(document.getElementById("detailedCharts"));
    
    let options = {
        title: "Monthly issues",
        hAxis: {
            title: "Months",
            gridelines: {
                count: -1
            },
            format: 'MMM yyyy'
        },
        vAxis: {
            gridlines: { color: 'none' },
            minValue: 0,
            title: "Issue Count",
            format: '#',
            maxValue: 4
        }
    };

    chart.draw(dataTable, options);

}

尝试对x轴使用

“字符串”

，而不是

“日期”

请参阅以下工作片段

google.charts.load（'current'{
回调：图纸，
软件包：['corechart']
});
函数绘图图（）{
让数据=[
{yearId:2017，monthId:2，issueCount:9}，
{yearId:2017，monthId:3，issueCount:2}，
{yearId:2017，monthId:4，issueCount:8}
];
让dataTable=new google.visualization.dataTable（）；
dataTable.addColumn（“字符串”、“月份”）；
dataTable.addColumn（“编号”、“发行数量”）；
让formattate=new google.visualization.DateFormat({
模式：“MM yyyy”
});
data.forEach（行=>{
addRow（[formatDate.formatValue（新日期（row.yearId，row.monthId-1）），row.issueCount]）；
});
let chart=new google.visualization.ColumnChart（document.getElementById（“detailedCharts”）；
让选项={
标题：“月刊”，
哈克斯：{
标题：“月”，
网格线：{
计数：-1
}
},
言辞：{
网格线：{color:'none'}，
最小值：0，
标题：“发行数量”，
格式：“#”，
最大值：4
}
};
图表绘制（数据表、选项）；
}

您好，很抱歉我在一次会议上延迟了回复，我尝试了您在此处给出的建议，但我收到了以下未捕获错误：无效类型，字符串，用于“月”列。我正在调查为什么会发生这种情况，如果您有任何想法的话？您是否修复了定义中的列类型？--><代码>dataTable.addColumn（“字符串”、“月份”）是的，很抱歉我的错误的愚蠢评论，我将“string”误输入为“string”，这项工作将运行一些测试并标记为正确，感谢您的时间和帮助！

dataTable.addColumn("string", "Months");