marmelab / EventDrops

A time based / event series interactive visualization using d3.js

Home Page:http://marmelab.com/EventDrops/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

D3 probelm

malishahi opened this issue · comments

Please do not submit support requests or "How to" questions here. For that, go to StackOverflow.

What you were expecting:

After installing d3, and following README, I expected that I should work.

What happened instead:
There is a dependecy on d3. I don't know where this d3 is coming from?

index-trusted.js:67589 Uncaught Error: Cannot find module "d3/build/d3"
at webpackMissingModule (index-trusted.js:67589)
at Object.defineProperty.value (index-trusted.js:67589)
at webpack_require (index-trusted.js:20)
at Object._typeof (index-trusted.js:241437)
at webpack_require (index-trusted.js:20)
at Object.defineProperty.value (index-trusted.js:220998)
at webpack_require (index-trusted.js:20)
at Object. (index-trusted.js:220880)
at webpack_require (index-trusted.js:20)
at _typeof (index-trusted.js:63)

Steps to reproduce:
import * as d3 from 'd3/build/d3';

Related code:

import * as d3 from 'd3/build/d3';
import eventDrops from 'event-drops';

export default class EventTimeline extends Component {
    constructor(props) {
        super(props);
        this.eventElem = null;
    }
    componentDidMount() {
        //console.log(this.props.data, this.props.tooltipSpec);
        if (this.props.tooltipSpec !== null && this.props.data !== null) {
            this.createEventTimeline();
        }
    }
    createEventTimeline() {
        const data = this.props.data;
        const tooltipSpec = this.props.tooltipSpec;
        this.tooltipNode
            .classed('tooltip', true)
            .style('opacity', 0);
        const chart = eventDrops({
            d3,
            zoom: {
    ```

**Other information:**



**Environment**

* EventDrops version
1.3.0
* Browser:
Chrome
* Stack trace (in case of a JS error):

I used import * as d3 from 'd3' and that worked.