Highcharts: Wyrównaj wiele wykresów w tym samym kontenerze - javascript, jquery, css, charts, highcharts

Po tym demo tutaj (http://www.highcharts.com/docs/chart-and-series-types/combining-chart-types) Próbuję mieć wykres kołowy i wykres słupkowy na tej samej stronie.

Połów jest taki, że chciałbym mieć wykres kołowyduży po lewej, a następnie po prawej stronie wykres słupkowy. Widzę kod, aby przesunąć wykres kołowy, ale nie mogę wymyślić, jak zrobić to samo z wykresem słupkowym, ponieważ wydaje się, że chce on obejmować całą szerokość kontenera. Rozumiem, że mogłem mieć dwie niezależne tabele i umieścić je we własnych pływających DIV, ale ponieważ połączenie wykresów jest możliwe, pomyślałem, że jest to opłacalna opcja.

Odpowiedzi:

Możesz ustawić chart.marginLeft do połowy szerokości wykresu. I nastaw pie.center x współrzędna do wartości ujemnej.

chart: {
marginLeft: 400
},

series: [{
center: ["-75%", "50%"],

przykład: http://jsfiddle.net/L55w9n53/