2017-09-08 4 views
0

유성에 대해 chart.js로 놀고 있으며 실시간 업데이트 차트를 만들고 싶습니다.왜 meteor.js의 chart.js가 새 포인트를 보간하는 대신 자체를 재구성합니까?

5 초마다 증가하는 서버에 데이터 배열이 있습니다. https://youtu.be/PEu07KfEyUc

을 그리고 여기 내가 기대 한 것입니다 :

이 내 차트 행동하는 방법이다 (각 시간을 다시 작성 것) http://www.chartjs.org/samples/latest/scales/time/line-point-data.html (보도 데이터를 추가) 여기

내 코드입니다 :

charts.html

<template name="chart1"> <canvas id="Chart1" width="400" height="400"></canvas> {{graphsBuild}} </template> 

charts.js

Template.chart1.helpers({ 
graphsBuild: function(){ 
var ctx = document.getElementById("Chart1"); 
var datu = Meteor.user().addinfo.graphCharge; 
var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     labels: datu, 
     datasets: [{ 
     label: 'amount: ', 
     data: datu, 
     fill: false, 
     steppedLine: false, 
     cubicInterpolationMode: 'easeInQuad', 
     borderColor: [ 
     'rgba(153, 102, 255, 1)' 
     ], 
     borderWidth: 1 
    }] 
    }, 
    options: {} 
    }); } }); 

답변

0

차트를 업데이트하려면 update() 메소드를 호출해야한다는 것을 알았습니다! 문서에 대한 추가 정보 : http://www.chartjs.org/docs/latest/developers/updates.html

+1

링크를 제공하는 대신 코드를 작성한 코드를 표시해 주실 수 있습니까? –