電力BIレポートを、mvc既存アプリケーションの角度JSと統合する方法。今の私は、アングルビューのパワーバイレポートを表示する問題に直面しています。mvcアプリケーションで角度jを使用した電力biレポートの統合
3
A
答えて
3
行く方法がある:使用PowerBI埋め込み(https://azure.microsoft.com/en-us/services/power-bi-embedded/)
私は角度の専門家ではないんだけど、これを目的としたGitHubのレポがあります:https://github.com/Microsoft/PowerBI-Angular
0
は、基本的な例についてhttp://plnkr.co/edit/tQc1DF?p=infoをチェック角度1.4.xの使用、powerbiレポートを埋め込み、ページナビゲーションを行うための
var app = angular.module('plunker', [
'powerbi'
]);
app.controller('MainCtrl', function($scope, $http, models, PowerBiService) {
var staticReportUrl = 'https://powerbiembedapi.azurewebsites.net/api/reports/c52af8ab-0468-4165-92af-dc39858d66ad';
var _filterPaneEnabled = false;
var _navContentPaneEnabled = false;
var _reportHandle = null;
$scope.tree = [];
$http.get(staticReportUrl)
.then(function(responce) {
//create the config for the directive
var config = angular.extend(responce.data, {
settings: {
filterPaneEnabled: _filterPaneEnabled,
navContentPaneEnabled: _navContentPaneEnabled
}
});
$scope.embedConfiguration = config;
//create the nav-tree
$scope.tree.push(new models.Node(responce.data));
}, function(reason) {
});
$scope.onEmbedded = function(report) {
// get a reference to report object
_reportHandle = report;
//attach to events
report.on('loaded', OnloadedReport);
report.on('error', OnErrorReport);
};
function OnloadedReport(c) {
//get available pages to attach to navigation tree
_reportHandle.getPages()
.then(function(pages) {
pages.forEach(function(page) {
$scope.$apply(function() {
//populate the nav-tree
$scope.tree[0].pages.push(new models.Leaf(page));
});
});
})
.catch(function(error) {
console.log(error);
});
}
function OnErrorReport(e) {
console.log(e);
}
$scope.toggleFilterPaneClicked = function() {
_filterPaneEnabled = !_filterPaneEnabled;
_reportHandle.updateSettings({
filterPaneEnabled: _filterPaneEnabled
});
};
$scope.toggleNavContentPaneClicked = function() {
_navContentPaneEnabled = !_navContentPaneEnabled;
_reportHandle.updateSettings({
navContentPaneEnabled: _navContentPaneEnabled
});
};
$scope.setPage = function(page) {
_reportHandle.setPage(page.name);
};
$scope.fullScreen = function() {
_reportHandle.fullscreen();
};
});
app.factory('models', function() {
var Node = function(dataset) {
var self = this;
self.id = dataset.id;
self.name = dataset.name;
self.type = dataset.type;
self.accessToken = dataset.accessToken;
self.embedUrl = dataset.embedUrl;
self.webUrl = dataset.webUrl;
self.pages = [];
return self;
};
var Leaf = function(page) {
var self = this;
self.name = page.name;
self.displayName = page.displayName;
return self;
};
return {
Node: Node,
Leaf: Leaf
};
})
[1] https://microsoft.github.io/PowerBI-JavaScript/demo/static.html
関連する問題
- 1. パワーBIレポートとデータセットを他のアプリケーションと統合
- 2. Power BIレポートをUWP C#アプリケーションに統合する方法
- 3. 入力、角度jでツールチップを追加
- 4. DevExpressレポートmvcと角度js
- 5. 電力BI。
- 6. AuthorizeAttributeを使用したMVC統合テスト
- 7. 角度2のmd入力を使用した場合のダブルライン
- 8. Power Bi - レポートをアプリに統合する - エクスポート機能
- 9. は、重複した電力の場合にはBI
- 10. asp.net mvcの上に角度jを使用することの利点
- 11. ノード角度2の統合
- 12. 企業BIの電力BIデータ制限
- 13. 既存のMVC 5アプリケーションで角度JSを使用する
- 14. 角度とpapaParse統合
- 15. 角度js 1.0対角度j 2.0
- 16. MVCアプリケーションとonenoteを統合
- 17. ASP.NET MVCアプリケーションの統合テスト
- 18. 電力BIのリアルタイムレポート
- 19. Bi Publisher - 2つの異なるデータソースを使用したレポート
- 20. BI PublisherのRTFテンプレートを使用したレポート
- 21. CrystalレポートRASとJ2EE Webアプリケーションの統合
- 22. rest APIを使用してAndroidアプリケーションの角度jのために書かれた
- 23. 電力BI現在の日の合計と前日の合計
- 24. 角度1のアプリケーションで角度2のコンポーネントを使用
- 25. イオンと角度のあるjを使用したFirebaseの起動
- 26. CMS統合ASP.Net MVC 2アプリケーション
- 27. 電力BI - 数値形式
- 28. VSAMを使用したXamarin.AndroidアプリケーションのCI&CD統合アプリケーション
- 29. 電力BIでクエリを書く方法
- 30. iPhoneで既存のFacebookアプリケーションを使用したFacebookの統合