2014-01-15 5 views
1

여러 개의 "y :"데이터 포인트가 여러 개있는 JS 차트를 작성하려고합니다. 정적 구성을 사용하여 차트가 정상적으로 작동하지만 API를 통해 포인트를 추가 할 때 작동하도록 고심하고 있습니다.시리즈에 여러 데이터 요소 추가

나는 acheive하려고 :

'series':[ 
    { 
    'name':'Series 1', 
    'color':'#FF8500', 
    'data':[ 
     { 
      'y':1.0002193448599428 
     }, 
     { 
      'y':0.4999027241865406 
     }, 
     { 
      'y':4.499986649534549 
     }, 
     { 
      'y':0.4998817439627601 
     } 
    ] 
    }, 
    { 
    'name':'Series 2', 
    'color':'#66B3FF', 
    'data':[ 
     { 
      'y':12.99999999901047 
     }, 
     { 
      'y':13.00000000082946 
     }, 
     { 
      'y':18.99999999841384 
     }, 
     { 
      'y':5.000000001018634 
     } 
    ] 
    }, 

내 코드는 지금까지 다음과 같습니다

var options = { 
    'chart':{ 
     'renderTo':'MyChart', 
     'zoomType':'xy', 
     'defaultSeriesType':'bar', 
     'width':880 
     }, 
    <snip> 
    ... 
    </snip> 
    'yAxis':{ 
     'title':{ 
      'text':'Seconds' 
      }, 
     }, 
    'xAxis':{ 
     'title':{ 
      'text':'Objects' 
      }, 
    'categories': [], 
    'opposite':true 
    }, 

    'series':[ 
     { 
     'name':'Series 1', 
     'color':'#FF8500', 
     'data':[] 
     }, 
     'series':[ 
     { 
     'name':'Series 2', 
    'color':'#66B3FF', 
    'data':[] 
     } 
    ] 
}; 

options.chart.renderTo = targetdiv; 

//Categories add perfectly here: 
$.each(harfile.log.entries, function(i, val) { 
options.xAxis.categories.push(val.request.url); 
console.log(val.request.url); 
}); 

$.each(harfile.log.entries, function(i, val) { 
//need to do some logic to catch "-1" for all these values... 
options.series[0].data.push("y:" + val.timings.receive); 
    }); 

$.each(harfile.log.entries, function(i, val) { 
//need to do some logic to catch "-1" for all these values... 
options.series[1].data.push(y:" + val.timings.receive); 
    }); 

console.log(options.series[0].data); 

이것은 "형식 오류 : 정의되지 않은 방법 '푸시'를 호출 할 수 없습니다"생산

+0

오브젝트를 초기화 할 때 오류가 발생했습니다. 이제는 문제가 없습니다. –

답변

관련 문제