我在谷歌图表实现中遇到了一个小问题。根据要求,图表应包含在轮廓(边框)内,如下所示:
但我得到以下输出:
这是我用于图表的选项:
gChartOptions = {
chartType:"ComboChart",
containerId:"visualization",
stackSeries: true,
isStacked : true,
pointSize: 3,
backgroundColor: '#000',
legend: 'none',
tooltip:{
trigger:'none'
},
colors : ['#6DB1E2','#FDCB34','#69BD44','#ffffff','#A2469B','#ffffff'],
seriesDefaults: {
rendererOptions: {
barPadding: 0,
barMargin: 10
},
pointLabels: {
show: true,
stackedValue: true
}
},
vAxis: {
gridlines: {
color: 'transparent'
}
},
seriesType: "bars",
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 0
},
2: {
targetAxisIndex: 1,
type: "line"
},
3: {
targetAxisIndex: 1,
lineWidth: 0,
pointSize: 3,
type: "line"
},
4: {
targetAxisIndex: 1,
type: "line"
},
5: {
targetAxisIndex: 1,
lineWidth: 0,
pointSize: 3,
type: "line"
}
},
hAxis: {
//ticks:ideasChart.xAxis,
tickOptions: {
fontSize: setChartLabelFontSize,
fontWeight: 'bold',
color: '#ffffff'
},
title:'Occupancy Date',
titleTextStyle:
{
fontStyle: "normal",
italic: false,
fontSize : setChartLabelFontSize,
color: '#ffffff'
},
textStyle:
{
fontStyle: "normal",
italic: false,
fontSize : 8,
color: '#ffffff'
},
},
vAxes: {
0: {
title: "Solds",
textStyle:
{
fontStyle: "normal",
italic: false,
fontSize : setChartLabelFontSize,
color: '#ffffff'
},
titleTextStyle:
{
fontStyle: "normal",
italic: false,
fontSize : setChartLabelFontSize,
color: '#ffffff'
},
label:'Solds',
type:'bars',
minValue: 0
},
1: {
title: "Solds",
textStyle:
{
fontStyle: "normal",
italic: false,
fontSize : setChartLabelFontSize,
color: '#ffffff'
},
titleTextStyle:
{
fontStyle: "normal",
italic: false,
fontSize : setChartLabelFontSize,
color: '#ffffff'
},
label:'Solds',
type:'bars',
minValue: 0
},
}
};
关于我需要在选项中添加什么才能获得边框的任何想法?