Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip doesn't appear in BarChart

See original GitHub issue

Hello, I’m trying to create a BarChart with tooltip activate but it isn’t working for some reason.

The Barchart appears but the tooltip doesn’t show on bar hoover. Here is the code:

import React, {
    Component
} from 'react';
import BarChart from 'react-d3-components/lib/BarChart';

export default class OpenIssuesGraph extends Component {

    constructor(props) {
        super(props);
        this.state = {
            list: [{
                label: 'Open Issues',
                values: [{
                    x: 'nothing',
                    y: 0
                }]
            }]
        }
    }

    componentDidMount() {
        this.fetchData();
    }

    fetchData() {
        fetch("urlgoeshere", {
            method: "GET"
        }).then(response => response.text()).then(json => {
            let tmp = [];
            const data = JSON.parse(json).rows;
            for (let row in data) {
                tmp.push({
                    x: data[row].abbrev,
                    y: parseInt(data[row].nrOpenIssues)
                })
            }
            let fill = [{
                label: 'Open Issues',
                values: tmp
            }];
            this.setState({
                list: fill
            });
        });
    }

    render() {
        var tooltip = function(x, y0, y, total) {
            return y.toString();
        };
        return <div > < BarChart data = {
            this.state.list
        }
        width = {
            800
        }
        height = {
            400
        }
        margin = {
            {
                top: 10,
                bottom: 50,
                left: 50,
                right: 10
            }
        }
        tooltipHtml = {
            tooltip
        }
        colorByLabel = {
            false
        }
        />,</div > ;
    }

}

Do I need to link some .js on the index.html or something!??!

Thanks in advance.