nvd3 ligne graphique, comment faire pour supprimer le quadrillage et l'axe des y

J'ai fait un tableau avec viseur.

Voici mon code initial 

     var chart = nv.models.lineWithFocusChart();

 //chart.transitionDuration(500);
  chart.xAxis
      .tickFormat(d3.format(',g'));
  chart.xAxis
        .axisLabel("Date");
  chart.xAxis.tickPadding(0);


  chart.x2Axis
      .tickFormat(d3.format(',g'));




  chart.yAxis
      .tickFormat(d3.format(',.2g'));
  chart.y2Axis
      .tickFormat(d3.format(',.2h'));
 //chart.showYAxis(false);

Je veux enlever les étiquettes de l'axe des y ( c'est à dire je veux pas de nombre affiché sur l'axe des y).

Je veux aussi supprimer toutes les lignes du quadrillage.

est là quelque chose comme graphique.ordonnée.somethinghere pour ce faire?

Grâce

InformationsquelleAutor user3171919 | 2014-02-26
  1. 13

    Pour enlever la tique sur l'axe des y

    .nv-axis.nv-y .tick line {
        display:none;
    }

    Pour enlever la tique sur l'axe x

    .nv-axis.nv-x .tick line {
        display:none;
    }

    Pour supprimer l'étiquette sur l'axe x

    .showXAxis(false)

    Pour supprimer l'étiquette sur l'axe y

    .showYAxis(false)

    Pour supprimer toutes les lignes de la grille

    .nv-axis .tick line {
        display:none;
    }
    • Je pense que vous devriez marquer comme une réponse correcte.
    InformationsquelleAutor Parth Patel
  2. 9

    .showYAxis(false) devrait retirer l'axe des y.

    Si cela ne fonctionne pas, vous pouvez appliquer .nv-y text{display: none;} comme un style.

    Utiliser le style .tick line {display: none;} pour se débarrasser des lignes de la grille, et de garder l'axe x.

    Se débarrasser de tous les axes et les lignes avec .tick{display: none;}

    🙂

    • Si vous souhaitez conserver le nom de l'axe y, mais de ne pas afficher les valeurs: .nv-axisMaxMin { display: none; }
    InformationsquelleAutor JasTonAChair
  3. 3

    Pour supprimer le quadrillage:

        .nv-axis .tick line {
        display:none;
    }

    Et des axes peut être fait de manière plus directe:

    .showYAxis(false)
.showXAxis(false)
    InformationsquelleAutor James
  4. 1

    À masquer la ligne de la grille, il suffit d'ajouter ceci dans votre css

    .tick line {
display: none;
}

    et de l'Axe des X juste ajouter .showYAxis(false)

    si vous souhaitez supprimer uniquement l'ordonnée de la ligne et de garder les tiques, vous pouvez le faire avec le CSS:

    .nvd3 .nv-axis.nv-y path.domain{
 stroke-opacity: 0;
}

    voir ce plunker par exemple.

    InformationsquelleAutor Mohamed NAOUALI