How to call javascript function in module

Question

I get an Uncaught ReferenceError for generateChart.

I've defined generateChart in Chart.js which is referenced in require.config.js.

I'm new to javascript and require so this is a newbee question.

Here is my code:

main html file:

<!DOCTYPE html>
<html>
<meta charset="utf-8">

<body>

<p id="example">

<script src="js/require.config.js"></script>
<script data-main="js/config.js" src="js/lib/require.js"></script>


</body>

require.config.js

var require = {
    paths: {
        'd3': 'lib/d3',
        'Chart' : 'Chart'
    }
};

config.js which contains the main entry point and the unreferenced call to generateChart

define([
    'd3',
    'Chart'
], function (d3, Chart) {
    'use strict';


	d3.csv("sp500.csv", function(data) {

  	d3.select("#example")
      	.datum(data)
    	.call(generateChart());
	});

});

And Chart.js where I define generateChart

define([
    'd3'
], function (d3) {
    'use strict';

    generateChart = function() {
    };

 });

Borys Serebrov · Accepted Answer · 2016-01-29 19:40:06Z

1

I am not require.js user, but it looks that dependencies are passed into the function you specify inside the define. This way the second parameter in the code below should represent Chart module and you need to use it to call the generateChart:

define([
    'd3',
    'Chart'
], function (d3, Chart) {    /// Second parameter is 'Chart'
    'use strict';


    d3.csv("sp500.csv", function(data) {

    d3.select("#example")
        .datum(data)
        .call(Chart.generateChart());   /// use it here to call generateChart()
    });

});

Second issue is that Chart.js should return an object and not just define a function:

define([
    'd3'
], function (d3) {
    'use strict';

    return {
        generateChart: function() {
           alert('here');
        }
    }

 });

edited Jan 29, 2016 at 19:40

answered Jan 29, 2016 at 18:38

Borys Serebrov

16.2k2 gold badges41 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chuck Carlson Over a year ago

A reasonable observation, but I still get the same error.

Borys Serebrov Over a year ago

@ChuckCarlson there is one more issue - your Chart module should return an object which is then passed as dependency.

Collectives™ on Stack Overflow

How to call javascript function in module

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related