hAxis标签在Google图表中被截断

 毕老爷666 发布于 2023-01-05 19:30

通过哪个网站跟踪访问者的数量并对其进行一些分析.我们正在创建一个柱形图,以图形形式显示分析报告.

所有的东西都在图表上正确显示,但我们在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中是否有任何方法可以防止这种情况?

等待解决方案.

撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有