我指的是this article。
请建议我该怎么办?
google.load("visualization", "1", {packages:["corechart"]});
var data = new google.visualization.DataTable();
data.addColumn('string', 'Week Ending');
data.addColumn('number', 'Total');
data.addColumn('number', 'Passed');
data.addColumn('number', 'Failed');
data.addColumn('number', 'Incomplete');
var options = {
series: {
0: { color: '#253646' },
1: { color: '#009bde' },
2: { color: '#8dc8ea' },
3: { color: '#a7bbc4' }
},
vAxis: { viewWindow: {max: 100,min:0 }, gridlines: { color: '#f3f3f3', count: 7}},
chartArea: {left:"5%", width:"90%"},
vAxis :{ textStyle: {fontName: 'Aileron-Light',fontSize: 12 }},
hAxis :{ textStyle: {fontName: 'Aileron-Light',fontSize: 12 }},
tooltip: {textStyle: {fontName: 'Aileron-Light',fontSize: 12}},
legend: {textStyle: {fontName: 'Aileron-Light',fontSize: 12,bold: false}, position: 'top', alignment: 'end' },
pointSize: 5,
is3D:true
};
var chart = new google.visualization.ColumnChart(document.getElementById('chart-div'));
chart.draw(data, options);
答案 0 :(得分:0)
Google Charts中的3D选项或多或少只是视觉样式。您要求的图表根本不同。据我所知,谷歌图表API没有办法做到这一点。
还有其他选择,但我找不到适合您的免费选项。我找到的第一个是Highcharts。如果您按照链接进行操作,您会发现他们确实可以选择与您要求的内容非常相似。如果任何其他主要图表小部件供应商都有一个可以满足您要求的图表,那么它们的网站上就没有明确记录。