Comment enlever le fond de quadrillage nvd3.js?

Je suis prise d'un graphe en barres nvd3.js semblable à cet exemple: http://nvd3.org/ghpages/discreteBar.html. Je me demandais si il y avait un moyen de supprimer la ligne de la grille de sorte que le fond serait la plaine blanche. Tous les exemples utilisent les lignes du quadrillage. J'ai aussi vérifié le code source et de ne pas voir quoi que ce soit dans le discreteBar modèle qui permettrait de rendre cela possible.

OriginalL'auteur amauboussin | 2013-01-22

  1. 18

    Vous pouvez sélectionner ces lignes de la grille dans votre CSS et réglez l'opacité à 0:

    .tick {
  opacity: 0;
}

    Si vous voulez continuer à voir la ligne de base, vous pouvez le modifier pour:

    .tick:not(.zero) {
  opacity: 0;
}

    Utilisation de votre navigateur inspecteur des outils pour voir ce qui classe les différents éléments que vous voulez modifier et d'utiliser la puissance de CSS.

    Merci ça a fonctionné parfaitement
    Il semble que le nvd3.js utilise les attributs de style en ligne pour ajouter de la tique lignes (au moins lors de l'utilisation de la discrète graphique), de sorte CSS ne fonctionne pas dans ce cas que le inline style="opactity: 1" l'emporte.
    vous souhaiterez peut-être modifier inline style en utilisant opacity: 0 !important;

    OriginalL'auteur nautat

  2. 23
    .tick {
  opacity: 0;
}

    Ne fonctionne pas pour les lignes verticales dans le discreteBar graphique, car ils utilisent css pour définir l'opacité à 1. Mais cela fonctionne:

    .tick {
  display: none;
}

    Cela permettra également de masquer les étiquettes sur les axes. Si vous souhaitez supprimer les lignes, mais de garder les étiquettes, utilisez:

    .tick line {
  display: none;
}

    OriginalL'auteur Tegan Mulholland

  3. 3

    Je trouvé un plus solution spécifique qui a bien fonctionné:

    (Cela supprime toutes les grilles, mais vous pouvez être sélective, c'est à dire: .y1.axe)

    .nvd3.multiChart .axis .nv-axis line {
stroke: none;
fill: none;
}
    Vous ne savez pas si cela a changé dans nvD3, mais j'ai eu à utiliser: .nv-y1 .cochez la ligne { avc: none; fill: none; }

    OriginalL'auteur Ross R

  4. 2

    Pour se débarrasser des lignes directrices et de garder les étiquettes utiliser

    .tick line {
  opacity: 0;
}

    OriginalL'auteur bosblaket

  5. 0

    besoin de mettre à jour le css avec 

    .tick line {
  display: none;
}

    OriginalL'auteur Mohamed NAOUALI