Javascript 在Google折线图API中使用字符串作为标签

我希望使用字符串作为折线图的Google图表api的X轴的标签，在这里我连接两组数据以在单线图中绘制两条线，我设法使它在没有字符串标签（与数字一起工作）但没有显示haxis线的情况下工作

google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data1=新的google.visualization.DataTable（）；
data1.addColumn（'string'，'Month'）；
数据1.addColumn（'number'，'Average sale Price'）；
addColumn（{type:'string'，role:'tooltip'，p:{'html'：true}}）；
data1.addRows([
[{v:0，f:'Q4 2013'}，3，'30万美元一些html-1！'，
[{v:1，f:'Q1 2014'}，6'，60万美元一些html-2！'，
[{v:2，f:'Q2 2014'}，5，'50万美元一些html-3！'，
[{v:3，f:'Q3 2014'}，8'，'80000美元一些html-4！'，
[{v:4，f:'Q4 2014'}，2，'200000美元一些html-5！'，
[{v:5，f:'Q1 2015'}，5，'50万美元一些html-6！'，
[{v:6，f:'Q2 2015'}，5，'50万美元一些html-7！']
]);
var data2=新的google.visualization.DataTable（）；
data2.addColumn（'string'，'Month'）；
数据2.addColumn（'数字'，'中间销售价格'）；
addColumn（{type:'string'，role:'tooltip'，p:{'html'：true}}）；
/*如果我们想在xasix中显示字符串，我们必须使用格式为{v:0，f:'Q4 2013'}的数据，否则googleapi将不会绘制haxis线*/
data2.addRows([
[{v:0，f:'Q4 2013'}，5，'someHTML here']，
[{v:1，f:'Q1 2014'}，1，'Some html here']，
[{v:2，f:'Q2 2014'}，3，'Some html here']，
[{v:3，f:'Q3 2014'}，9，'someHTML here']，
[{v:4，f:'Q4 2014'}，4，'someHTML here']，
[{v:5，f:'Q1 2015'}，5，'Some html here']，
[{v:6，f:'Q2 2015'}，7，'Some html here']
]);
变量选项1={
图例：{
位置：'底部'，
textStyle:{color:'black'，fontSize:14}，
点形：“三角形”，
对齐：“结束”
},
是的，
身高：312，
宽度：1070，
颜色：['#EBAD00'，'#00ACE0']，
点数：8，
背景颜色：{fill:“transparent”}，
工具提示：{isHtml:true}，
哈克斯：{
最小值：0，
基线颜色：“BBBBBB”
},
言辞：{
网格线：{color:“transparent”}，
最小值：0，
基线颜色：“BBBBBB”
},
节拍：[{v:0，f:'Jan'}，{v:1，f:'Feb'}，{v:2，f:'Mar'}，{v:3，f:'Apr'}，{v:4，f:'May'}，{v:5，f:'June'}，{v:6，f:'July'}]，首先，需要理解轴心

'string'
列生成离散轴，

'number'
列a连续轴

而certian只在其中一个上工作

例如，
hAxis.ticks
仅在连续轴上工作（和
vAxis.ticks
）

因此，如果您想为x轴创建一个真正的
'string'
，您将无法使用
标记

下面是一个工作示例，使用问题中的代码，使用
'string'


google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data1=新的google.visualization.DataTable（）；
data1.addColumn（'string'，'Month'）；
数据1.addColumn（'number'，'Average sale Price'）；
addColumn（{type:'string'，role:'tooltip'，p:{'html'：true}}）；
data1.addRows([
[2013年第四季度，3，'30万美元一些html-1！'，
[2014年第一季度，6，'60万美元一些html-2！'，
[2014年第二季度，5，'50万美元一些html-3！'，
[2014年第三季度，8，80万美元一些html-4！'，
[2014年第四季度，2，'20万美元一些html-5！'，
[2015年第一季度，5，'50万美元一些html-6！'，
[2015年第二季度，5，'50万美元一些html-7！']
]);
var data2=新的google.visualization.DataTable（）；
data2.addColumn（'string'，'Month'）；
数据2.addColumn（'数字'，'中间销售价格'）；
addColumn（{type:'string'，role:'tooltip'，p:{'html'：true}}）；
data2.addRows([
[2013年第4季度，5，“此处有一些html”]，
['Q1 2014'，1，'此处有一些html']，
['Q2 2014'，3，'此处有一些html']，
['Q3 2014'，9，'这里有一些html']，
['2014年第四季度'，4，'这里有一些html']，
['Q1 2015'，5，'此处有一些html']，
['2015年第二季度'，7，'这里有一些html']
]);
变量选项1={
图例：{
位置：'底部'，
textStyle:{color:'black'，fontSize:14}，
点形状：“三角形”，
对齐：“结束”
},
是的，
身高：312，
宽度：1070，
颜色：['#EBAD00'，'#00ACE0']，
点数：8，
背景色：{fill:'透明'}，
工具提示：{isHtml:true}，
哈克斯：{
最小值：0，
基线颜色：'#BBBBBB'
},
言辞：{
网格线：{color:'透明'}，
最小值：0，
基线颜色：“BBBBBB”
},
注释：{
风格：“线条”
}
};
var joinedData=google.visualization.data.join（data1，data2，'full'，[[0,0]]，[1,2]，[1,2]）；
var chart=new google.visualization.LineChart（document.getElementById（'market\u trend\u chart1'）；
图表绘制（合并数据，选项1）；
}

首先，需要了解axis

'string'
列生成离散轴，

'number'
列a连续轴

而certian只在其中一个上工作

例如，
hAxis.ticks
仅在连续轴上工作（和
vAxis.ticks
）

因此，如果您想为x轴创建一个真正的
'string'
，您将无法使用
标记

下面是一个工作示例，使用问题中的代码，使用
'string'


google.charts.load（'current'，{'packages'：['corechart']}）；
google.charts.setOnLoadCallback（drawChart）；
函数绘图图（）{
var data1=新的google.visualization.DataTable（）；
data1.addColumn（'string'，'Month'）；
数据1.addColumn（'number'，'Average sale Price'）；
addColumn（{type:'string'，role:'tooltip'，p:{'html'：true}}）；
data1.addRows([
[2013年第四季度，3，'30万美元一些html-1！'，
[2014年第一季度，6，'60万美元一些html-2！'，
【2014年第二季度】