Question

我正在创建谷歌条形图，从数据库中获取数据。问题是数据包含低于“1”的值，如0.6,0.7等它不会出现在图表上。图表仅显示从1开始的值。

<script type="text/javascript">
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
  var data = new google.visualization.DataTable(<?php echo $jsonTable; ?>); 
  var view = new google.visualization.DataView(data);
view.setColumns([0, 1, {
type: 'string',
role: 'annotation',
sourceColumn: 1,
calc: 'stringify'
}]);
    var options = {
        width: 395,
        height: 200,
    title: 'Values',
       'chartArea': {right: 37,width:'40%'},
        titleTextStyle: {
        fontName: 'Arial',
        fontSize: 14
  },
legend: {position: 'none'},
colors:['#4A9218'],
           }; 
  var chart = new google.visualization.BarChart(document.getElementById('ch7')); 
  chart.draw(view, options);
}
</script>
<div id="ch7" style="width:33%; height:200px"></div>

Answer 1

如果您的值都是正值，则可以使用对数刻度设置选项hAxis.logScale到true。另外，你可以设置最小值来显示。选项设置如下：

        hAxis: {
            logScale: true
        }

或喜欢

        hAxis: {
            minValue: 0
        }

Google BarChart十进制值未显示

1 个答案: