0

我的应用程序中有下面显示的代码片段。我想要完成的是:只要单击复选框,条形图就应该更新。

在我的错误控制台中,我得到:

“错误:TypeError:值未定义源文件:hit.js 行:11017。

我尝试直接在函数中分配 JSON (var json = ...),它可以正常工作,但我无法通过从文件中加载 JSON 来使其工作。我究竟做错了什么?

    $(':checkbox').click(function () {
   init();
     
   function init()
   {
       var request = new XMLHttpRequest( );
       request.open("GET", "GetGenes.php", false);
       request.send(null);
       var json = request.response;
       console.log(request.response);
    var barChart = new $jit.BarChart({
          //id of the visualization container
          injectInto: 'infovis',
          //whether to add animations
          animate: true,
          //horizontal or vertical barcharts
          orientation: 'horizontal',
          //bars separation
          barsOffset: 0.5,
          //visualization offset
          Margin: {
            top: 5,
            left: 5,
            right: 5,
            bottom: 5
          },
          //labels offset position
          labelOffset:5,
          //bars style
          type:'stacked',
          //whether to show the aggregation of the values
          showAggregates:true,
          //whether to show the labels for the bars
          showLabels:true,
          //label styles
          Label: {
            type: 'HTML', //Native or HTML
            size: 9,
            family: 'Arial',
            color: 'black'
          },
          //tooltip options
          Tips: {
            enable: true,
            onShow: function(tip, elem) {
              tip.innerHTML = "<b>" + elem.name + "</b>: " + elem.value;
            }
          }
        });
        
         barChart.loadJSON(json);
   }
     
      
   
})

基因.php 包含:

echo "{'label': ['label 1', 'label 2', 'label 3', 'label 4'],'values': [{'label': 'date A','values': [20, 40, 15, 5]}, {'label': 'date B','values': [30, 10, 45, 10]}, {'label': 'date E','values': [38, 20, 35, 17]}, {'label': 'date F','values': [58, 10, 35, 32]}, {'label''date D','values': [55, 60, 34, 38]}, {'label': 'date C','values': [26, 40, 25, 40]}]};";
4

1 回答 1

1

您返回的 JSON 中有一个错误:

'标签''日期 D'

那里缺少一个冒号。不知道这是否能解决任何问题。

于 2013-01-15T23:51:17.573 回答