Google visualization 谷歌可视化柱形图未显示所有数据
我制作了一个小柱状图,所有的数据都不可见。是否有可能在不扩大宽度的情况下使所有东西都可见?或者有没有办法包括一个滚动条,这样所有的东西都可以看到 有关代码,请参见: 如下面代码所示,图表最多显示300,但最多只显示290Google visualization 谷歌可视化柱形图未显示所有数据,google-visualization,truncate,Google Visualization,Truncate,我制作了一个小柱状图,所有的数据都不可见。是否有可能在不扩大宽度的情况下使所有东西都可见?或者有没有办法包括一个滚动条,这样所有的东西都可以看到 有关代码,请参见: 如下面代码所示,图表最多显示300,但最多只显示290 <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load(
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages: ["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var dataArray = [['Day','Matches']];
for (var i = 0; i < 300;i++)
{
dataArray.push(['a' + i,i]);
}
var data = new google.visualization.arrayToDataTable(dataArray);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data);
}
</script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
load(“可视化”、“1”、{packages:[“corechart”]});
setOnLoadCallback(drawChart);
函数绘图图(){
var dataArray=[['Day','Matches']];
对于(变量i=0;i<300;i++)
{
push(['a'+i,i]);
}
var data=new google.visualization.arrayToDataTable(dataArray);
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据);
}
如果您可以切换到使用连续域类型(“number”、“date”、“datetime”、“timeofday”),则有几个选项可供选择,其中最简单的是使用资源管理器
选项(尚未更新柱形图的文档,但配置中列出的资源管理器选项将与柱形图一起使用):
函数绘图图(){
var dataArray=[['Day','Matches']];
对于(变量i=0;i<300;i++){
push([i,i]);
}
var data=new google.visualization.arrayToDataTable(dataArray);
var chart=new google.visualization.ColumnChart(document.getElementById('chart_div'));
图表绘制(数据、{
哈克斯:{
格式:“#a”
},
探索者:{
}
});
}
load('visualization','1',{packages:['corechart'],callback:drawChart});
查看此处的工作情况:。使用鼠标滚轮进行缩放;通过单击并拖动进行平移
function drawChart() {
var dataArray = [['Day','Matches']];
for (var i = 0; i < 300;i++) {
dataArray.push([i,i]);
}
var data = new google.visualization.arrayToDataTable(dataArray);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {
hAxis: {
format: '#a'
},
explorer: {
}
});
}
google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});