通过哪个网站跟踪访问者的数量并对其进行一些分析.我们正在创建一个柱形图,以图形形式显示分析报告.
所有的东西都在图表上正确显示,但我们在haxis上显示网站名称.由于网站名称太长,如"www.google.com",www.facebook.com,这个标签在haxis上被切断了.
绘制图表的代码如下:
function createTodayChart(chartData){
var data = new google.visualization.DataTable();
data.addColumn('string', 'Sources');
data.addColumn('number', 'Total Sales');
for (var i in chartData){
//alert(chartData[i][0]+'=>'+ parseInt(chartData[i][1]));
data.addRow([chartData[i][0], parseInt(chartData[i][1])]);
}
var options = {
legend: {position:'top'},
hAxis: {title: 'Sources', titleTextStyle: {color: 'black'}, count: -1, viewWindowMode: 'pretty', slantedText: true},
vAxis: {title: 'Total Sales (in USD)', titleTextStyle: {color: 'black'}, count: -1, format: '$#'},
colors: ['#F1CA3A']
};
var chart = new google.visualization.ColumnChart(document.getElementById('my_div'));
chart.draw(data, options);
}
chartData变量中的数据采用数组形式:
var chartData = []; cartData.push('www.w3school.com', 106); cartData.push('www.google.com', 210);
"my_div"的宽度和高度分别为350px和300px.我们还附上了以下问题的屏幕截图:
任何人都可以帮助我,我们如何防止这种切割问题.或者,谷歌图表API中是否有任何方法可以防止这种情况?
等待解决方案.