C3: 외부 JSON 파일을 사용하여 동적으로 차트 작성

@AskSaikatSinha 이것을 시도하십시오
`
$(함수() {

$.getJSON('./linejson.json', function (externaldata) {
var chart = c3.generate({
    title: {
        text:'External JSON loading via C3.js'
    },
    bindto: '#chart',
    data: {
       json: externaldata,
        type: 'area-spline',

    }
})

setInterval(function(){
    chart.flow({
        columns:
                [
                    ['data1',Math.round(Math.random()*200)]
                ],
        type:'area-spline'
    })
}, 1500)

});
})
`

외부 JSON 파일이 이와 같이

linejson.json 파일

{ "data1": [30, 20, 50, 40, 60, 50] }

나는 같은 문제에있다. 실시간 데이터 스트림으로 차트에 애니메이션을 적용하려고 합니다.
이것을 시도:

var xhr = new XMLHttpRequest();
function reload(){
    //each call on this url changes the json
    xhr.open('GET', "http://127.0.0.1:5000/json/", true).send(); 
    chart.flow('http://127.0.0.1:5000/json/');
    chart.flush()
}

setInterval(reload, 500);

흐름, 생성, 로드를 시도했지만 브라우저를 다시 로드할 필요 없이 차트를 다시 로드하지 않았습니다.

팁이 있나요?

@HawiCaesar 감사합니다. 코드가 작동합니다.