2013-02-06 11 views
5

Desidero creare più trame con l'asse x allineato in modo da poter confrontare due serie di dati. Voglio farlo sembrare come questoGrafici elevati - plottaggio multiplo con la stessa scala x

https://stackoverflow.com/a/11796553/229075

Nel mio caso ci sono alcuni requisiti, oltre che alcuni della trama sono linee e alcuni sono bar. Quindi la scala di default non si allinea anche se l'intervallo di dati è lo stesso.

Ho trovato qualche buon suggerimento su "impilare" i grafici. È un po 'complicato, ma un modo promettente per provare.

https://stackoverflow.com/a/12179023/229075

Tuttavia ho anche altro caso dell'uso che potrebbe spingere dotazione di semplice impilamento. Ad esempio, vorrei fare matrice diagramma di dispersione momento quando entrambi asse xe asse y devono allinearsi simili

http://www.statmethods.net/graphs/images/spmatrix3.png

Piuttosto che mettere molti grafico in una Highchart, questo può avere richiede molti grafici separati ma hanno un controllo migliore su come l'asse è il layout.

risposta

1

Se si desidera utilizzare un grafico uno, è possibile utilizzare l'opzione linkedTo per connettere l'asse.

Se si desidera più grafici semplici, è possibile riuscire a collegare gli assi utilizzando l'evento afterSetExtremes, dove è possibile chiamare setExtremes() per un altro grafico.

+0

Ho usato setExtremes per impostare i due grafici sullo stesso intervallo ma la griglia non si allinea ancora. http://jsfiddle.net/tungwaiyip/WEcEt/21/ –

+0

Questo è basato sull'esempio di stack nel secondo link. Si allinea correttamente. Ho però bisogno di lavorare sulle etichette degli assi. http://jsfiddle.net/tungwaiyip/F3pts/6/ –

+0

Siamo spiacenti, ci manca il tuo commento. Con le colonne devi impostare 'pointRange' e per le etichette consiglio di impostare i margini fissi. Vedi: http://jsfiddle.net/WEcEt/22/ –

Problemi correlati