Cumulocity圖形指令

我正在創建基於cumulocity的angularJS自定義應用程序。有沒有可以在SDK中使用的指令來顯示圖形？我也從cumulocity支持問過這個問題，答案是他們的圖表是用D3完成的，他們也給我這個鏈接http://krispo.github.io/angular-nvd3/#/如果他們沒有提供開箱即用的指令，我該如何獲取這個圖表的數據？Cumulocity圖形指令

例如，如果我選擇網關和子設備如何獲取所選機器的數據？

來源

2016-08-23 Shnigi

所以我再次要求Cumulocity支持，並且沒有用於顯示圖形的官方指令。最後，我剛從這裏使用了Angular NVD3指令：https://github.com/angularjs-nvd3-directives/angularjs-nvd3-directives

它需要一點點更新和修復，但多數民衆贊成的方式來做到這一點。

來源

2016-12-01 12:22:40 Shnigi

Google圖表功能數據查詢。 Google圖表和Angular都是由Google製作的。你可以將它與Angular結合起來。

https://developers.google.com/chart/

例如

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
    <title>Google Visualization API Sample</title> 
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <script type="text/javascript"> 
    google.charts.load("current", {packages:['table']}); 
    google.charts.setOnLoadCallback(drawVisualization); 
    function drawVisualization() { 
     google.visualization.drawChart({ 
     "containerId": "visualization_div", 
     "dataSourceUrl": "//www.google.com/fusiontables/gvizdata?tq=", 
     "query":"SELECT 'Scoring Team', 'Receiving Team', 'Scorer', 'Minute of goal' FROM " + 
       "1VlPiBCkYt_Vio-JT3UwM-U__APurJvPb6ZEJPg", 
     "refreshInterval": 5, 
     "chartType": "Table", 
     "options": {} 
    }); 
    } 
    </script> 
</head> 
<body style="font-family: Arial;border: 0 none;"> 
    <div id="visualization_div" style="width: 600px; height: 400px;"></div> 
</body> 
</html>

來源

2016-08-23 13:39:05 mrheroux

您是否使用過帶有Cumulocity的谷歌圖表？數據有奇怪的格式，所以我不知道這是否容易實現。 – Shnigi

Cumulocity圖形指令

回答

相關問題