2016-11-27 3 views
1

필요한 모든 데이터가 하나의 폴더에 있으므로 JavaScript 시각화 코드를 준비했습니다. 시각화는 간단한 HTTP 서버를 통해 작동합니다. 그러나 데이터 입력을 데이터베이스 (지금은 JSON 파일)에서 가져와야하는 경우 작동하지 않습니다.DB에서 JSON 데이터를 가져 오는 방법은 무엇입니까?

다음 예제 데이터 (csv 파일)를 teradata 데이터베이스에로드했습니다.

$(window).on('message', handler) 

및 데이터 핸들러 내부에 액세스 할 수 있습니다

Sample Data

|x1. . . . . |y1. . . . .|z1. . . . . |x2. . . . . |y2. . . . .|z2. . . . . | 
|-0.858927763|0.121607854|-0.067815693|-0.100387679|0.142522011|-0.085021698| 
|0.759678102 |1.670849337|0.389506443 |-0.841098362|0.745253687| 0.07724956 | 
|1.617835159 |0.671663712|0.676541754 |-0.086900337|1.162505997| 0.822100957| 
|1.878302821 |0.985942302|1.756579077 |-0.418153016|2.471764891| 0.234493023| 

테라 데이타 도구의 문서 index.html을 코드를 사용하여 메시지 핸들러가 있어야 데이터에 액세스 할 것을 주장 사용 :

event.originalEvent.data 

내 로컬 서버에서 JavaScri 난 그냥 JSON 데이터 (이전에 '3D-scatter.csv'에서 지금 JSON 데이터를 가져 오기 및 변환 사용해야 어떤 코드를 알고 싶어

<script> 
    Plotly.d3.csv('3d-scatter.csv', function(err, rows){ 
    function unpack(rows, key) { 
     return rows.map(function(row) 
     { return row[key]; }); 
    } 
</script> 

: CSV에서 데이터를 가져 오는 PT 코드는 다음과 같이 간다 데이터베이스)를 가져오고 event.originalEvent.data 핸들러에서 가져옵니다.


데이터가 포함 된 처리기를 찾았습니다.

에서 '메시지'이벤트 핸들러 :이 데이터 경로 (.handler.elem.visJson.data)는 I visJson.data를 호출 할 때

그래서, 콘솔 어레이 출력에서 ​​찾을 수있다.

답변

1

브라우저 Fetch API을 사용할 수 있습니다. fetch() 전역 함수는 네트워크에서 리소스를 가져올 수 있으며 Promise의 HTTP 응답을 반환합니다. 이 같은

사용을 :

fetch("http://host/endpoint.json") 
    .then(res => res.json()) 
    .then(data => { 
    // data is an array of object, 
    // iterate over it and create an in-memory CSV 
    // or verify if Plotly.d3 can be fed directly this array 
    }) 
+1

이 코드는, 질문에 대답하는 방법 및/또는 왜 대답의 장기적인 가치를 향상시킬 것입니다 문제를 해결에 대한 추가 컨텍스트를 제공 할 수 있지만. – kayess

관련 문제