Skip to content

Instantly share code, notes, and snippets.

@OscarAgreda
Last active March 29, 2016 16:33
Show Gist options
  • Save OscarAgreda/6db6bd6e8a2bf99b611b to your computer and use it in GitHub Desktop.
Save OscarAgreda/6db6bd6e8a2bf99b611b to your computer and use it in GitHub Desktop.
Configuring nvd3 with Require.js under angular
require.config({
baseUrl: '/',
urlArgs: 'v=1.0',
appDir: '',
paths:
{
"angularjs-nvd3-directives": "/client/scripts/vendor/angularjs-nvd3-directives/dist/angularjs-nvd3-directives",
d3: "/client/scripts/vendor/d3/d3.v3",
nvd3: "/client/scripts/vendor/nvd3/nv.d3",
'jquery-ui': "/client/scripts/vendor/jquery-ui/ui/jquery-ui",
},
shim:
{
'jquery': { 'exports': 'jquery' },
'angular': { 'exports': 'angular' },
d3:
{
exports: 'd3',
},
nvd3: {
exports: 'nv',
deps: ['d3']
}
},
priority: [
'angular'
]
});
require(["/client/scripts/vendor/d3/d3.min.js"], function (d3) {
window.d3 = d3;
require(["/client/scripts/vendor/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.js"], function (angularnvd3) {
console.log("angular-nvd3 loaded");
});
});
require(
[
'/client/scripts/vendor/d3/d3.js',
'/client/scripts/vendor/nvd3/nv.d3.js',
'/client/scripts/vendor/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.js',
],
function () {
angular.bootstrap(document, ['app']);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment