javascript - Web 应用程序中绘图的 Google 柱形图错误

Question

在我的网络应用程序中，有一个谷歌图表，它使用 dataTable(jsonObject) 来绘制图表，并且我有错误的数据。这是我调用该函数的代码:

<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
  google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">
google.load("visualization", "1", { packages: ["corechart"] });
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {

  function drawChart() {
             var myJson= $.ajax({
             url: "loadGraph.php",
             dataType:"json",
             async: false
            }).responseText;

  var visualization = new google.visualization.DataTable(myJson);

  var options = {
      title: "MyTitle",
      titleTextStyle: { fontSize: 16, bold: true },
      chartArea: { left: 32, right: 0,left: 52, width: 460, height: 180 },
      legend: { position: 'top' }
  }

  var chart = new google.visualization.ColumnChart(document.getElementById('chartDiv'));
  chart.draw(visualization , options);
 }

  google.setOnLoadCallback(drawVisualization);
  </script>

我的图表绘制正确，但最近出现了错误。请帮忙

Answer 1

查看我关于此事的帖子:Google column chart visualization from json object bug in MVC 4 C#

这种类型的图表显示存在错误。好的部分是解决方案非常巧妙。使用此正则表达式替换图表的值 ->

myJson = myJson.replace(/"v":"(\d+)"/g, '"v":$1');

这将修复可视化问题；]希望这会有所帮助