Javascript 如何在Google LinChart中显示x轴标签
我正在试用Google charts为我的应用程序渲染折线图。事情基本上是可行的,我得到了以下几点: 剩下的一个问题是,我只得到一个x轴标签。(12:00) 我想显示更多的x轴标签,所以我尝试添加gridlines属性:Javascript 如何在Google LinChart中显示x轴标签,javascript,google-visualization,Javascript,Google Visualization,我正在试用Google charts为我的应用程序渲染折线图。事情基本上是可行的,我得到了以下几点: 剩下的一个问题是,我只得到一个x轴标签。(12:00) 我想显示更多的x轴标签,所以我尝试添加gridlines属性: // Line chart visualization var myLine = new google.visualization.ChartWrapper({ 'chartType': 'LineChart', 'contai
// Line chart visualization
var myLine = new google.visualization.ChartWrapper({
'chartType': 'LineChart',
'containerId': 'line_div'
});
myLine.setOptions({
'title': 'My Chart',
lineWidth: 1,
colors: ['#006600', '#FF0000'],
vAxes: [
{title: 'AAA', titleTextStyle: {color: '#000000'}}, // Left axis
{title: 'BBB', titleTextStyle: {color: '#000000'}} // Right axis
],
hAxis: {
format: 'hh:mm',
gridlines: {count: 20}
},
series: [
{targetAxisIndex: 1},
{targetAxisIndex: 0}
]
});
但运气不好,它仍然只显示一个标签,没有x轴网格线
如何获得更多的x轴标签?问题在于如何填充数据表。我使用的是:
dataTable.addColumn({type: 'date', label: 'Date'})
因为在我看来,新的约会()就是约会。谷歌图表有不同的观点,所以我需要做的是:
dataTable.addColumn({type: 'datetime', label: 'Date'})
这就解决了问题。问题在于我是如何填充数据表的。我使用的是:
dataTable.addColumn({type: 'date', label: 'Date'})
因为在我看来,新的约会()就是约会。谷歌图表有不同的观点,所以我需要做的是:
dataTable.addColumn({type: 'datetime', label: 'Date'})
就这样分类了