nvd3 grafico a linee, come rimuovere la griglia e assey

Ho fatto un grafico a linee con mirino.

Ecco il mio codice iniziale

     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);

Voglio rimuovere l’asse y etichette ( cioè voglio nessun numero che indica l’asse y).

Voglio anche rimuovere tutte le linee della griglia.

c’è qualcosa come grafico.assey.somethinghere per fare questo?

Grazie

OriginaleL’autore user3171919 | 2014-02-26

4 Replies
  1. 12

    Per rimuovere il segno di spunta su asse y

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

    Per rimuovere il segno di spunta su asse x

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

    Per rimuovere l’etichetta sull’asse x

    .showXAxis(false)
    

    Per rimuovere l’etichetta sull’asse y

    .showYAxis(false)
    

    Per rimuovere tutte le linee della griglia

    .nv-axis .tick line {
            display:none;
        }
    
    Penso che si dovrebbe contrassegnare come una risposta corretta.

    OriginaleL’autore Parth Patel

  2. 9

    .showYAxis(false) dovrebbe rimuovere l’asse y.

    Se questo non funziona, è possibile applicare .nv-y text{display: none;} come stile.

    Di utilizzare lo stile .tick line {display: none;} per sbarazzarsi di linee di griglia, e mantenere l’asse x.

    Sbarazzarsi di tutti gli assi e linee di .tick{display: none;}

    🙂

    Se si desidera conservare l’etichetta dell’asse y, ma non visualizza i valori: .nv-axisMaxMin { display: none; }

    OriginaleL’autore JasTonAChair

  3. 3

    Per rimuovere la griglia:

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

    E assi può essere fatto in modo più semplice:

    .showYAxis(false)
    .showXAxis(false)
    

    OriginaleL’autore James

  4. 1

    Per nascondere la linea di griglia, basta aggiungere questo al tuo css

    .tick line {
    display: none;
    }
    

    e per l’Asse X solo aggiungere .showYAxis(false)

    se si desidera eliminare solo il assey linea e mantenere le zecche si può fare con i CSS:

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

    vedere questo plunker per esempio.

    OriginaleL’autore Mohamed NAOUALI

Lascia un commento