2016-12-22 86 views
1

我有我的JSON數據從URL使用角度js和分配到$scope.values。現在我想用c3圖表將這個值提供給圖表。c3 chart in angularJS

我有一個使用下面的代碼的虛擬圖表。

jsonData.forEach(function(e) { 
    sites.push(e.name); 
    })  
var chart = c3.generate({ 
    bindto: '#chart1', 
    data: { 
     json: [ data ], 

如何將json值傳遞給圖表?

回答

0

data.json期待以下格式:

data: { 
    json: { 
    data1: [1,3,3,7], 
    otherdata: [9,0,0,0] 
    } 
} 

您可以通過多列data.json或者您可以將每個還挺手動colmn。

var myjson = { data1:[1,3,3,7], data2:[9,0,0,0] } 

data: { 
     json: myjson 
} 

var mydata = [1,3,3,7] 

data: { 
    json: { 
    data1: mydata 
    } 
} 
從HTTP URL我JSON格式得到的結果,這種反應我設置爲$ scope.values.In相同的控制器
+0

其實,我想養活這個值C3 chart.But我沒有得到數據 – rashmy

+0

您對「未獲取數據」有何意義?你的json是怎樣的?當你的json沒有像我所解釋的那樣的結構時,它不會爲圖表創建任何數據點。 – Akoya

+0

設置超時功能後,我可以獲取數據。在y圖表中,我嘗試更改小節的顏色,但是當使用顏色時:{}它在屬性顏色的eclipse中顯示錯誤。我想根據eg.status的一些條件改變條的顏色Up green colordown-red color.Can any給出這個想法 – rashmy