Google 可视化图表 x 轴未正确显示
Google visualization Chart x-axis not shown properly
任何人都知道如何像这样正确显示 x 轴标签 ---> correct x-axis
当前 x 轴标签显示如下 ---> xAxis not shown properly
看起来 x 轴标签被强行隐藏了。
这是我的 google 图表代码:
var ComboChart = new google.visualization.ChartWrapper({
'chartType': 'ComboChart',
'containerId': 'chart_div',
'options': {
title: 'Weekly Yield',
hAxis: {
maxAlternation:8,
showTextEvery:0,
slantedText:true,
slantedTextAngle:90,
},
seriesType: "bars",
series: { 1: {type: "line"}},
vAxis: {
'title': 'Final Yield %',
'titleColor':'#cc0000',
'titleFontSize':20
}
},
'view': {'columns': [1,4,5]}
});
var ScatterChart = new google.visualization.ChartWrapper({
'chartType': 'ScatterChart',
'containerId': 'chart_div2',
'options': {
colors: ['#e0440e'],
title: 'Weekly Delta',
hAxis: {
slantedText:true,
slantedTextAngle:90
},
vAxis: {
'title': 'Delta',
'titleColor':'#cc0000',
gridlines: {count: 10},
'titleFontSize':20,
viewWindow: {
interval: 1,
},
}
},
'view': {'columns': [1,6]}
});
尝试在图表底部增加更多空间,
使用以下选项...
chartArea: {
bottom: 72
}
任何人都知道如何像这样正确显示 x 轴标签 ---> correct x-axis
当前 x 轴标签显示如下 ---> xAxis not shown properly 看起来 x 轴标签被强行隐藏了。
这是我的 google 图表代码:
var ComboChart = new google.visualization.ChartWrapper({
'chartType': 'ComboChart',
'containerId': 'chart_div',
'options': {
title: 'Weekly Yield',
hAxis: {
maxAlternation:8,
showTextEvery:0,
slantedText:true,
slantedTextAngle:90,
},
seriesType: "bars",
series: { 1: {type: "line"}},
vAxis: {
'title': 'Final Yield %',
'titleColor':'#cc0000',
'titleFontSize':20
}
},
'view': {'columns': [1,4,5]}
});
var ScatterChart = new google.visualization.ChartWrapper({
'chartType': 'ScatterChart',
'containerId': 'chart_div2',
'options': {
colors: ['#e0440e'],
title: 'Weekly Delta',
hAxis: {
slantedText:true,
slantedTextAngle:90
},
vAxis: {
'title': 'Delta',
'titleColor':'#cc0000',
gridlines: {count: 10},
'titleFontSize':20,
viewWindow: {
interval: 1,
},
}
},
'view': {'columns': [1,6]}
});
尝试在图表底部增加更多空间,
使用以下选项...
chartArea: {
bottom: 72
}