2014-07-15 2 views
0

내 목표는 데이터베이스에서 데이터를 가져 와서 딤플 js 꺾은 선형 차트를 채우는 데 사용하는 것입니다. JSON을 사용하여 백엔드에서 데이터를 전송합니다. 아래 코드는 내 서블릿에서 HTTP 요청/응답으로 이동하는 코드입니다.JSON 문자열의 데이터를 사용하여 딤플 d3.js 꺾은 선형 차트를 채우는 방법은 무엇입니까?

String sql2 = "select a,date from table order by date"; 
JSONArray list = new JSONArray(); 
DataDAOImpl rdao = new DataDAOImpl(); 
list = rdao.getData(sql2); 
req.setAttribute("line", list.toJSONString()); 
WebUtil.forward(req, resp, this, "/test/linechart.jsp"); 

jsp의 코드는 다음과 같습니다. 그것은 자바 스크립트 태그 안에 있습니다. 데이터가 JSP에서 사용 가능하지만 차트가 렌더링되지 않습니다. 또한 이것은 로컬 웹 서버에서 실행 중입니다. 제발 내가 빠진 것에 대해 조언 해주세요. 몇 가지 보고서를 작성해야하며 이것이 내 개념 증명입니다.

//script type="text/javascript"> 

var data = '${line}'; 
var chart = new dimple.chart(svg, data); 
chart.setBounds(100, 200, 505, 305); 
chart.addCategoryAxis("x", "date"); 
chart.addMeasureAxis("y", "a"); 
chart.addSeries(null, dimple.plot.line); 
chart.draw(); 

///script> 

답변

0

JSON.parse('${line}');을 사용해 보셨습니까?

정확한 케이스에 익숙하지는 않지만 JSON이 포함 된 문자열이 JSON으로 변환 될 것입니다. 콘솔 오류가 있습니까?

+0

예, 오늘 아침에이 기능을 발견하고 시도했습니다. 그것은 아름답게 일했다! 그래도 고마워. 보조개 API 라인 차트에서 선 두께를 늘리라는 명령을 알고 있습니까? – user982

+0

var s = chart.addSeries (null, dimple.plot.line); s.lineWeight = 10; 예를 들면 다음과 같습니다. http://dimplejs.org/advanced_examples_viewer.html?id=advanced_dynamic_line_color –

+0

감사합니다. 도움이 :-) – user982