Google visualization 谷歌图表-仅显示1组数据

Google visualization 谷歌图表-仅显示1组数据,google-visualization,Google Visualization,我有一个带有代码的图表: function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('number', 'Intensidade'); data.addColumn('number', 'Afundamento %'); data.addColumn('number', 'Elevação %');

我有一个带有代码的图表:

    function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('number', 'Intensidade');
        data.addColumn('number', 'Afundamento %');
        data.addColumn('number', 'Elevação %');
        var fool =[<?php echo $jsRows_intensidade_eleva; ?>];
        data.addRows(fool);
        var foo = [<?php echo $jsRows_intensidade;?>];
        data.addRows(foo);




    var options = {
        title: '',
        hAxis: {title: 'Intensidade (p.u.)', minValue: 0, maxValue: 2},
        vAxis: {title: 'Prob. de ocorrência em %', minValue: 0, maxValue: 100}

    };

    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div_intensidade_NRS-048'));
    chart.draw(data, options);
    }
    google.load("visualization", "1", {packages:["corechart"], callback: drawChart});
函数绘图图(){
var data=new google.visualization.DataTable();
data.addColumn('number','intensityade');
data.addColumn('number','Afundamento%');
data.addColumn('number','elevatação%');
var=[];
data.addRows(傻瓜);
var foo=[];
data.addRows(foo);
变量选项={
标题:“”,
hAxis:{title:'Intensidade(p.u.)',minValue:0,maxValue:2},
变量:{title:'Prob.de ocorrência em%',最小值:0,最大值:100}
};
var chart=new google.visualization.ColumnChart(document.getElementById('chart\u div\u intensidade\u NRS-048');
图表绘制(数据、选项);
}
load(“visualization”,“1”,{packages:[“corechart”],回调:drawChart});
其中数组写入为:

//$jsRows[] = "['Duração','Afundamento']";
for($i=0;$i<count($datay_afunda_intensidade);$i++){
$jsRows_intensidade[] = "[{$datax_afunda_intensidade[$i]},{$datay_afunda_intensidade[$i]},null]";
}

//$jsRows_eleva[] ="['Duração','Elevação']";
for($i=0;$i<count($datay_eleva_intensidade);$i++){
$jsRows_intensidade_eleva[] = "[{$datax_eleva_intensidade[$i]},null,{$datay_eleva_intensidade[$i]}]";
}


$jsRows_intensidade = implode(",",$jsRows_intensidade);
$jsRows_intensidade_eleva = implode(",",$jsRows_intensidade_eleva);
/$jsRows[]=“['Duração','Afundamento'”;

对于($i=0;$i这可能是图表太窄而无法显示数据的情况。API测量任意两个数据点之间的最小距离,并将其指定为以数据单位表示的最大条形图组宽度(在您的情况下为0.01)。域轴的长度(柱形图的x轴)除以此值可获得可绘制的总条形图组数,单个条形图组的像素宽度由图表区域(绘制条形图的部分)的宽度除以最大条形图组数确定。在每个条形图组内,API为条形图组之间的填充留有空间(默认情况下约为33%),然后为从第一系列数据开始的条保留空间(即使在给定轴值处没有数据,条也会保留空间)。如果条组的空间不足,则任何剩余条的宽度为0,这就是第二系列的情况

有几种方法可以解决此问题:

  • 您可以增加图表的宽度,或者使用
    chartArea.width
    选项增加图表区域的宽度
  • 如果您的图表几乎足够宽,您可以通过将
    bar.groupWidth
    选项设置为大于默认值(~67%,最大值100%)(例如:)的值来增加为条形图分配的组宽度百分比,从而为条形图组提供一点额外的空间来绘制条形图
  • 您可以使用允许用户平移和缩放图表(例如:)

  • 您能否发布一些示例,说明echo$jsRows\u intensidade\u eleva;
    echo$jsRows\u intensidade;
    ,正在输出的内容?@asgallant,请查看编辑。就这样!:)再次感谢您提供了非常好的答案和示例。我得到了选项2。