Charts Google散点图不显示Y轴标签
我想用谷歌散点图显示一些数据。无论我如何尝试,我都无法显示y轴标签 我尝试了各种各样的东西,这些都是在这里和其他论坛上提出的。包括:调整图表大小、调整标签字体大小、重新调整轴的比例以及更改vAxis的文本位置。 所有这些都不起作用 有趣的是,我定义的刻度显示了正确放置的网格线。只是缺少了标签。还显示了轴标题,这使我得出结论,间距不是问题。代码如下所示:Charts Google散点图不显示Y轴标签,charts,google-visualization,label,axis,Charts,Google Visualization,Label,Axis,我想用谷歌散点图显示一些数据。无论我如何尝试,我都无法显示y轴标签 我尝试了各种各样的东西,这些都是在这里和其他论坛上提出的。包括:调整图表大小、调整标签字体大小、重新调整轴的比例以及更改vAxis的文本位置。 所有这些都不起作用 有趣的是,我定义的刻度显示了正确放置的网格线。只是缺少了标签。还显示了轴标题,这使我得出结论,间距不是问题。代码如下所示: function getLineChartOptions(target,leaflayer,curretnStartDate,currentE
function getLineChartOptions(target,leaflayer,curretnStartDate,currentEndDate) {
var ymin = 0;
var ymax = 100;
var yticks = [];
if (target == "BBCH (BBCH)"){
yAxisTitle = "BBCH";
yticks = [0, 20, 40, 60, 80, 100];
}
else{
yAxisTitle = target +" "+leaflayer+" severity";
yticks = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
}
var mo={
title: yAxisTitle,
width: 800,
height: 400,
vAxis: {
viewWindow: {
min: ymin,
max: ymax
},
ticks: yticks,
title: yAxisTitle,
labels: yticks,
textStyle : { fontSize: 10}
},
hAxis: {
viewWindow: {
min: curretnStartDate,
max: currentEndDate
},
gridlines: {
count: 6,
}
},
tooltip: {isHtml: true, trigger: 'selection'},
legend: {position: 'none'},
colorAxis: {colors: ['green','yellow', 'red']},
focusTarget: 'category'
};
return mo
var materialOptions = getLineChartOptions(target,leaflayer,curretnStartPickedDate,enddatePickedDate);
var node = document.createElement('div');
var infoWindow = new google.maps.InfoWindow();
var chart = new google.visualization.ScatterChart(node);
chart.draw(Data, materialOptions);
在绘制图表之前,需要将图表的容器元素添加到文档中。
否则,图表无法正确计算大小和位置
var node = document.createElement('div'); // <-- new element, not added to the document yet
var chart = new google.visualization.ScatterChart(node);
chart.draw(data, options);
var node=document.createElement('div');//注意:对于隐藏元素也是如此,在绘制图表之前,容器应该被添加到文档中,并且是可见的……这个问题有什么进展吗?