2015-06-26 11 views
10

L'utilizzo delle opzioni seguenti non aiuta a impedire che il mio CategoryAxisLabels si sovrapponga al grafico a linee quando il mio browser viene ridimensionato.Previene la categoriaAxis etichette da sovrapposizione in LineChart

categoryAxis.autoGridCount = true; 
categoryAxis.minHorizontalGap = 100; 
categoryAxis.gridPosition = "start"; 
categoryAxis.equalSpacing = false; 
categoryAxis.parseDates = false; 
chart.validateNow(); 

Attivare queste funzioni sull'evento $(wndow).on('resize', function() {...});.

Nota. Ho anche un'etichetta personalizzataFunzione per formattare le etichette dell'asse.

Il mio risultato: AutoGridCounts da 476px a inferiore, ma sopra di esso, tutti i valori di etichetta categoryAxis compaiono sull'asse x e si sovrappongono l'uno sull'altro in modo molto vergognoso. :(

Qualcuno può darmi una mano. Davvero bloccato !! :(

+5

potete inserire tutto il codice e dati? – martynasma

+0

@martynasma sto usando il modello a oggetti come rendere i valori dell'asse x non sovrapposti. Supponiamo che contenga molti alfabeti. Esiste un metodo per ritagliare testo in eccesso o nascondere o rendere il testo o addirittura un insinuante verso l'alto – Santhucool

+0

Puoi aumentare il 'minHorizontalGap' (http://docs.amcharts.com/3/javascriptcharts/CategoryAxis#minHorizontalGap) o ruotare le etichette usando 'labelRotation' (http://docs.amcharts.com/3/javascriptcharts/CategoryAxis#labelRotation) – martynasma

risposta

0

a venire su questo problema è possibile ruotare Categoria etichette degli assi. è necessario impostare l'angolo di rotazione e ruotare cout per la categoria asse.

"autoRotateAngle": 90,

"autoRotateCount": 1

(1) autoRotateAngle => angolo di rotazione dell'etichetta, se il numero di serie supera autore otateCount e parseDates è impostato su false.

(2) autoRotateCount => Se il numero di elementi assi categoria supererà l'autoRotateCount, le etichette viene ruotata di grado autoRotateAngle. Funziona solo se parseDates è falso.

Per ulteriori dettagli consulta questo URL. https://docs.amcharts.com/3/javascriptcharts/CategoryAxis

Demo

Problemi correlati