d3js axe dates de début et de fin de la valeur seulement

Résolu:

Grâce, la tickValues m'a donné le résultat voulu. J'ai utilisé les valeurs de d3.min et d3.max:

    var xMin = d3.min(groups, function(c) { return d3.min(c.values, function(v) { return v.date; }); });
    var xMax = d3.max(groups, function (c) { return d3.max(c.values, function (v) { return v.date; }); });

    x.domain([xMin,xMax]);

        var xAxis = d3.svg.axis()
            .scale(x)
            .tickFormat(d3.time.format('%y-%m-%d'))
            .orient("bottom")
            .tickValues([xMin, xMax]);

Problème:

J'ai donc un D3js multi-série de la ligne graphique.

L'axe des X est bas et il est temps (cela dépend de la sélection de l'utilisateur, peuvent être quelques jours, des semaines, des mois ou des années même).
L'axe Y est la valeur et de l'décimal.

Ce que j'ai un problème, c'est que les étiquettes sur l'axe se chevauchent et il a l'air plutôt mal.

Donc ma question est si il existe un moyen pour afficher uniquement la première date de l'axe et de la dernière date?

J'ai fondé le graphique sur celui-ci:
http://bl.ocks.org/3884955

Mon code pour l'axe x:

    var x = d3.time.scale().range([0, dimensions.width]);

    x.domain([
        d3.min(groups, function (c) { return d3.min(c.values, function (v) { return v.date; }); }),
        d3.max(groups, function (c) { return d3.max(c.values, function (v) { return v.date; }); })
    ]);

        var xAxis = d3.svg.axis()
            .scale(x)
            .tickFormat(d3.time.format('%a %d'))
            .orient("bottom")
            .ticks(5);

        svg.append("g")
            .attr("class", "x axis")
            .attr("transform", "translate(0," + dimensions.height + ")")
            .call(xAxis);

OriginalL'auteur Bjarte | 2013-02-05