1

我想使用两根针在单个仪表图中显示两个值。我怎样才能做到这一点。任何人都可以建议我这样做。

我已经尝试过使用以下代码,但我并不完全成功。

我得到了以下错误。

GET http://5.39.186.164/%7B%22cols%22:[%7B%22label%22:%22Q7%22,%22type%22:%22nu…r%22%7D],%22rows%22:[%7B%22c%22:[%7B%22v%22:43%7D,%7B%22v%22:21%7D]%7D]%7D 404 (Not Found)
<!--Load the AJAX API -->
  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
      google.load('visualization', '1', {packages: ['gauge']});
    </script>
    <script type="text/javascript">
    var gauge;
    var gaugeData;
    var gaugeOptions;
    function drawGauge() {
        //var response = '<?php echo json_encode($response); ?>';     alert(' hi ' + response);            
        //var obj = eval ("(" + response + ")");  
        $.getJSON('<?php echo json_encode($response); ?>', function(json) {
            var data = new google.visualization.DataTable();
             data.addColumn('string', 'Label');
            data.addColumn('number', 'Value');
               for (x in json) {
                data.addRow([x, json[x]]);
            }



      //gaugeData = new  google.visualization.DataTable(response);

      gauge = new google.visualization.Gauge(document.getElementById('gauge'));
      gaugeOptions = {
           width: 2000,
        height: 150,
        greenFrom: 0,
        greenTo: 50,
        redFrom: 75,
        redTo: 100,
        yellowFrom:50,
        yellowTo: 75,
        minorTicks: 5
      };
      gauge.draw(gaugeData, gaugeOptions);
        //chart.draw(data, options);
        });
    }


    google.load('visualization', '1', {packages:['gauge'], callback: drawGauge});
4

0 回答 0