2013-09-02 7 views
0

jqplot을 사용하여 막 대형 차트를 만듭니다.jqplot 막대 차트의 값을 배열에 동적으로 저장하려면 어떻게해야합니까?

코드는 다음과 같습니다.

<script class="code" type="text/javascript"> 

$(document).ready(function(){ 

var user1 = ['17','12','3']; 
var user2 = ['45','12','5']; 
var user3 = ['35','10','4']; 
var user4 = ['25','12','8']; 

    var ticks = ['Submission','Sentouts','Interviews']; 
    plot2 = $.jqplot('chart3', [user1,user2,user3,user4], { 
     seriesColors:['#35A6C5', '#FF0000', '#35A612', '#000000'], 
     seriesDefaults: { 
      renderer:$.jqplot.BarRenderer, 
      rendererOptions: { 
      fillToZero: true, 
      barWidth: 10, 
      highlightMouseDown: true 
      }, 

      pointLabels: { show: true }, 

     }, 

여기 하드 코딩을하고 4 명의 사용자 만 촬영했습니다.

어떻게 사용자를 동적으로 가질 수 있습니까? 또한 각 사용자와 배열 된 값 (숫자)은 동적입니다.

좋습니다.

감사합니다.

답변

1

단순히 데이터 소스를 데이터를 검색하는 함수로 만들 수 있습니다. 다음과 같이 시도하십시오.

plot2 = $.jqplot('chart3', getUserArrays(), { 
    .... 
} 


function getUserArrays(){ 
    //create the dynamic data 
    var users = []; 

    //retrieve data for each user and then push to users array 
    // ... 

    return users; 
} 
관련 문제