topic Extension with d3 dependency in Integration, Extension & APIs

Extension with d3 dependency

Tue, 11 Oct 2016 04:01:14 GMT

I'm making an extension that uses both d3 and d3-tip, a library for tooltips.

The problem is that d3-tip depends on d3. It needs two modules from d3: d3-selection and d3-collection.

Here's my attempt at loading it. I tried first

requirejs.config({
    paths:{
        properties: "/Extensions/helloWorld/properties",
        d3: "/Extensions/helloWorld/d3v3",
        d3tip: "/Extensions/helloWorld/d3tip"
    },
    shim: {
        d3tip: {
            deps: ['d3']
            }
    }
});
define (['jquery','./properties', './d3v3', './d3tip'],
function($,props, dthree, dthreetip) {
    //stuff });

but I get the error that require.js can't find d3-collection or d3-selection.

So I tried defining them explicitly, but this doesn't work either.

requirejs.config({
    paths:{
        properties: "/Extensions/helloWorld/properties",
        d3: "/Extensions/helloWorld/d3v3",
        d3collection: "/Extensions/helloWorld/d3-collection",
        d3selection: "/Extensions/helloWorld/d3-selection",
        d3tip: "/Extensions/helloWorld/d3tip"
    },
    shim: {
        d3tip: {
            deps: ['d3', 'd3collection', 'd3selection']
            }
         // all the dependencies go here
    }
});
define ( ['jquery','./properties', './d3v3','./d3-collection', './d3-selection', './d3tip'],
function($,props, dthree, dthreecoll, dthreeselec, dthreetip){
    //stuff});

Re: Extension with d3 dependency

Aiham_Azmeh — Tue, 11 Oct 2016 05:50:26 GMT

Hi,

I think, you have to include the declared variable dependency see here => RequireJS API

so instead of the relative path "./d3tip" use "d3tip" in you define([...]).

I hope this helps.

Re: Extension with d3 dependency

Tue, 11 Oct 2016 22:47:26 GMT

Thanks for replying. I tried this

define ( ['jquery','./properties', "./d3v3","d3tip"],
function($,props, dthree, dthreetip) {//stuff}

which didn't work (it couldn't find the d3tip file). Any idea what I'm doing wrong here?

Re: Extension with d3 dependency

jvi — Wed, 12 Oct 2016 15:35:55 GMT

Hi,

Try to use full url under your paths.

Re: Extension with d3 dependency

Alexander_Thor — Thu, 13 Oct 2016 18:45:16 GMT

If you are using an up to date version of D3-tip then it supports requirejs

See this for an example: d3-tip/requirejs.html at master · Caged/d3-tip · GitHub