2017-10-02 18 views
0

をリアルタイムにエポックを実行するように動作しますが、しかし、私は何をしようとしていることは、以下のように多層行に1の代わりにエポックリアルタイムチャート - マルチレイヤ - たとえば以下のJavascript

var barChartData = [{ 
    label: "Series 1", 
    values: [{ 
    time: getTimeValue(), 
    y: getRandomValue() 
    }, 
{ 
     label: "Series 2", 
     values: [{ 
     time: getTimeValue(), 
     y: getRandomValue() 
     } 

]}, ]; 

を実行していますしかし、私はどのように異なる層のデータをプッシュするか分からないのですか?どんな助け?私は多層でデータをプッシュしようとしましたが、エラーが発生しました。私はEpoch APIのドキュメントで何のヒントも見つけられませんでしたか?すべてのヘルプははるかに

<head> 
    <script src="https://code.jquery.com/jquery-1.11.3.js"> 
    </script> 
    <script src="http://www.goldhillcoldtouch.co.uk/wp-content/uploads/d3.min.js"> 
    </script> 
    <script src="http://www.goldhillcoldtouch.co.uk/wp-content/uploads/epoch.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://www.goldhillcoldtouch.co.uk/wp-content/uploads/epoch.min.css"> 
</head> 

<div id="barChart" class="epoch category10" style="width:320px; height: 240px;"></div> 
<p id="updateMessage" onclick="updateGraph()">click me to update chart</p> 

答えて

0

、コードを実行するために

///////////////this function generates the date and time in milliseconds////////// 

function getTimeValue() { 
    var dateBuffer = new Date(); 
    var Time = dateBuffer.getTime(); 
    return Time; 
} 

////////////// this function generates a random value //////////////////////////// 
function getRandomValue() { 
    var randomValue = Math.random() * 100; 
    return randomValue; 
} 

////////////// this function is used to update the chart values /////////////// 
function updateGraph() { 
    var newBarChartData = [{time: getTimeValue(), y:getRandomValue()}]; 

    barChartInstance.push(newBarChartData); 
} 

////////////// real time graph generation////////////////////////////////////////  
var barChartData = [{ 
    label: "Series 1", 
    values: [{ 
    time: getTimeValue(), 
    y: getRandomValue() 
    }] 
}, ]; 

var barChartInstance = $('#barChart').epoch({ 
    type: 'time.bar', 
    axes: ['right', 'bottom', 'left'], 
    data: barChartData 
}); 
以下

HTMLコードを高く評価します、私は基本的にあなたが以下のように値の配列でデータのオブジェクトをプッシュすることができ、答えを見つけました...

chart.push([ 
    { time: time, y: x}, 
    { time: time, y: x * Math.log(x)}, 
    { time: time, y: x * Math.pow(Math.log(x), 2)} 
]); 
関連する問題