Javascript 谷歌图表x轴每日日期不显示堆叠列

Javascript 谷歌图表x轴每日日期不显示堆叠列,javascript,jquery,graph,charts,google-visualization,Javascript,Jquery,Graph,Charts,Google Visualization,我使用的是谷歌图表和堆叠列,无法正确处理大数据集或小数据。在这里,您可以检查代码是否正常工作,但无法获取堆叠列数据,当我使用小数据集时,将显示所有小宽度水平列。您能检查我的注释代码吗提前谢谢 如果您知道如何以不同的方式实施,请告诉我? 我想要一个看起来像下图的图形 google.charts.load('current'{ 软件包:['corechart'] }).然后(函数(){ //保存图表以便重新绘制 var图={}; 变量选项={ isStacked:“正确”, 专栏:{ 图表区:{

我使用的是谷歌图表和堆叠列,无法正确处理大数据集或小数据。在这里,您可以检查代码是否正常工作,但无法获取堆叠列数据,当我使用小数据集时,将显示所有小宽度水平列。您能检查我的注释代码吗提前谢谢
如果您知道如何以不同的方式实施,请告诉我? 我想要一个看起来像下图的图形

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
//保存图表以便重新绘制
var图={};
变量选项={
isStacked:“正确”,
专栏:{
图表区:{
高度:“100%”,
宽度:“100%”,
排名:60,
左:64,
右:32,
底图:48,
},
高度:“100%”,
图例:{
位置:'顶部'
},
宽度:“100%”
},
馅饼:{
高度:“100%”,
宽度:“100%”
}
};
//获取数据
var jsonData=[{“名称”:“p1”,“数据”:[[“2017/01/01”,1.539011],“2017/01/02”,4.22612],“2017/01/03”,9.685247],“2017/01/04”,8.535989],“2017/01/14”,18.260888],“2017/01/15”,57.279945],“2017/01/16”,61.24776],“2017/01/17”,65.12251399999998],“2017/01/18”,69.152002000001],“2017/01/19”,57.279921],“2017/2017/01/,“2017/01”,81.127521],“2017/01/22”,85.0457990000002],“2017/01/23”,89.003693],“2017/01/24”,92.817327],“2017/01/25”,64.1235160000001],“2017/02/04”,4.7344620000000001],“2017/02/05”,17.073667999999999998],“2017/02/06”,21.047981999999999998],“2017/02/07”,16.340846],{“姓名”:“p2”,“数据”:[“2017/01/01”,“2017/01”,“2017/01”,“2017/01”,“2017/01”,“8/01”,“2017/01”,“2017/04”,“2017/04”,“2017/04”;“8/01”,16.9],["2017/01/14",33.8],["2017/01/15",106.19999999999999],["2017/01/16",113.4],["2017/01/17",120.6],["2017/01/18",127.79999999999998],["2017/01/19",135.0],["2017/01/20",142.20000000000002],["2017/01/21",149.5],["2017/01/22",156.6],["2017/01/23",163.79999999999998],["2017/01/24",170.70000000000002],["2017/01/25",118.0],["2017/02/04",9.3],[“2017/02/05”,32.7),“2017/02/06”,39.900000000000006),“2017/02/07”,30.6),“2017/04/14”,16.6]],{“名称”:“p3”,“数据”:[“2017/01/01”,0.090284),“2017/01/02”,0.18148),“2017/01/03”,0.36250400000000005),“2017/01/04”,0.3223319999999999),“2017/01/14”,0.629936),“2017/01/15”,1.98588007),“2017/11707”,“24807”,“2017/01”2017/01/18",2.3795070000000007],["2017/01/19",2.510548],["2017/01/20",2.6411759999999997],["2017/01/21",2.806806],["2017/01/22",2.9025950000000007],["2017/01/23",3.0344140000000004],["2017/01/24",3.156505],["2017/01/25",2.18585],["2017/02/04",0.200327],["2017/02/05",0.700937],["2017/02/06",0.8522410000000002],["2017/02/07",0.651459]]}];
加载数据(jsonData,“0”,“列”);
//加载json数据
函数loadData(jsonData、id、chartType){
//创建数据表
var dataTable=new google.visualization.dataTable();
开关(图表型){
案例“列”:
//添加日期列
dataTable.addColumn('date','date');
$.each(jsonData,函数(productIndex,product){
//添加产品列
var colIndex=dataTable.addColumn('number',product.name);
//添加产品数据
$.each(产品数据、功能(数据索引、数据){
var rowIndex=dataTable.addRow();
setValue(行索引,0,新日期(数据[0]);
setValue(rowIndex,colIndex,data[1]);
});
});
打破
}
//绘制图表
$(窗口)。调整大小(函数(){
图纸(id、图表类型、数据表);
});
图纸(id、图表类型、数据表);
}
//绘制图表
函数drawChart(id、chartType、dataTable){
如果(!charts.hasOwnProperty(id)){
charts[id]=新的google.visualization.ChartWrapper({
chartType:“ColumnChart”,
集装箱:“图表-”+id,
选项:{
isstacked:“真的”
}
});
}
图表[id].setDataTable(dataTable);
图表[id]。绘图();
}
});
html,正文{
身高:100%;
保证金:0px 0px 0px 0px;
溢出:隐藏;
填充:0px 0px 0px 0px;
}
.图表{
身高:100%;
}

要在图像中获取图表,您需要在x轴上使用
'string'
列,而不是
'date'

构建数据表后,使用数据视图将日期转换为字符串
之后,您将需要对日期字符串上的数据进行分组

请参阅以下工作片段

google.charts.load('current'{
软件包:['corechart']
}).然后(函数(){
//保存图表以便重新绘制
var图={};
变量选项={
isStacked:“正确”,
专栏:{
图表区:{
高度:“100%”,
宽度:“100%”,
排名:60,
左:64,
右:32,
底图:48,
},
哈克斯:{
格式:“ddd”
},
高度:“100%”,
图例:{
位置:'顶部'
},
宽度:“100%”
},
馅饼:{
高度:“100%”,
宽度:“100%”
}
};
var formatDate=new google.visualization.DateFormat({
模式:“MM yyyy”
});
//获取数据
var jsonData=[{“名称”:“p1”,“数据”:[[“2017/01/01”,1.539011],“2017/01/02”,4.22612],“2017/01/03”,9.685247],“2017/01/04”,8.535989],“2017/01/14”,18.260888],“2017/01/15”,57.279945],“2017/01/16”,61.24776],“2017/01/17”,65.12251399999998],“2017/01/18”,69.152002000001],“2017/01/19”,57.279921],“2017/2017/01/21/,“2017/01/01”“,”81.127521“,”2017/01/22“,”85.0457990000002“,”2017/01/23“,”89.003693“,”2017/01/24“,”92.817327“,”2017/01/25“,”64.12351600000001“,”2017/02/04“,”4.7344620000000001“,”2017/02/05“,”17.073667999999999998“,”2017/02/06“,”21.04798199999998“,”2017/02/07“,”16.340846],”,”,“{”姓名:“:”p2“,”数据:[”2017/01/01“,”8/01“,”2017/01“,”19/01,16.9],["2017/01/14",33.8],["2017/01/15",106.19999999999999],["2017/01/16",113.4],["2017/01/17",120.6],["2017/01/18",127