L'exportation 'time' (importée en tant que 'd3') n'a pas été trouvée dans 'd3'.

Question

Je suis nouveau dans l'utilisation de D3 avec React. Mon application React est créée par create-react-app. Dans mon composant react, j'importe d3 en utilisant import * as d3 from 'd3'

Mon code est le suivant :

    this.xScale = d3.time.scale()
        .domain(d3.extent(this.props.data, function (d) {
            return d[_self.props.xData];
         }))
    .rangeRound([0, this.w]);

    this.yScale = d3.scale.linear()
        .domain([0,d3.max(this.props.data,function(d){
            return d[_self.props.yData]+_self.props.yMaxBuffer;
        })])
        .range([this.h, 0]);

    this.area = d3.svg.area()
        .x(function (d) {
            return this.xScale(d[_self.props.xData]);
        })
        .y0(this.h)
        .y1(function (d) {
            return this.yScale(d[_self.props.yData]);
        }).interpolate(this.props.interpolations);

J'ai eu l'erreur de compilation :

L'exportation 'time' (importée en tant que 'd3') n'a pas été trouvée dans 'd3'.

J'importe le d3 en utilisant npm install d3 --save sous le répertoire de mon projet.

Quelqu'un a une idée de ce qui se passe ?

Answer 1

Vous utilisez D3 v4. Ce lien ci-dessous est votre solution pour convertir l'ancienne version à celle que vous utilisez maintenant, cela devrait être simple.

https://github.com/d3/d3/blob/master/CHANGES.md