jqPlot - バットチャートが生成されない

Question

私は好きな値を得ていますが、グラフを生成することはできません。以下は私の棒グラフ用のJavaScriptコードです。

$(document).ready(function(){ 
     $.jqplot.config.enablePlugins = true; 

     var s1=${likes}; 
     var s2=[30000000]; 
     var s3 =[42000000]; 

     var z=[s1,s2,s3]; 
     var ticks = ['Your Organisation','Competitor#1','Cometitor#2']; 
     plot1 = $.jqplot('chart1', [z], { 
      // Only animate if we're not using excanvas (not in IE 7 or IE 8).. 
      animate: !$.jqplot.use_excanvas, 
      seriesDefaults:{ 
       renderer:$.jqplot.BarRenderer, 
       pointLabels: { show: true } 
      }, 
      axes: { 
       xaxis: { 
        renderer: $.jqplot.CategoryAxisRenderer, 
        ticks: ticks 
       }, 
        yaxis: { 
                            min:0, 
                            max:10000000000, 
        tickOptions: {formatString: '%d'}, 
        ticks:[0,10000000,20000000,30000000,40000000,50000000] 
                        } 
      }, 
      highlighter: { show: false } 
     }); 

    $('#chart1').bind('jqplotDataClick', 
      function (ev, seriesIndex, pointIndex, data) { 
       $('#info1').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data); 
      } 
     ); 
     }); 

グラフは、変数zの配列を介して直接変数を渡すと生成されます。 また、チャートは1回目のチックでのみ生成されます。

Answer 1

次のコードを試してください。 var s1でリストをレンダリングしていたので、値のリストが得られました。あなたは第一の価値を取る必要があります。

$(document).ready(function() { 
    $.jqplot.config.enablePlugins = true; 

    var s1 = ${likes[0]}; //first vaue from the list 
    var s2 = [30000000]; 
    var s3 = [42000000]; 

    var z = [s1,s2,s3]; 
    var ticks = ['Your Organisation', 'Competitor#1', 'Cometitor#2']; 
    plot1 = $.jqplot('chart1', [z], { 
     // Only animate if we're not using excanvas (not in IE 7 or IE 8).. 
     animate: !$.jqplot.use_excanvas, 
     seriesDefaults: { 
      renderer:$.jqplot.BarRenderer, 
      pointLabels: { show: true } 
     }, 
     axes: { 
      xaxis: { 
       renderer: $.jqplot.CategoryAxisRenderer, 
       ticks: ticks 
      }, 
      yaxis: { 
       min:0, 
       max:10000000000, 
       tickOptions: {formatString: '%d'}, 
       ticks:[0,10000000,20000000,30000000,40000000,50000000] 
      } 
     }, 
     highlighter: { show: false } 
    }); 

    $('#chart1').bind('jqplotDataClick', 
      function (ev, seriesIndex, pointIndex, data) { 
       $('#info1').html('series: '+seriesIndex+', point: '+pointIndex+', data: '+data); 
      }); 
});