Highcharts: Zarovnať viac grafov v rovnakom kontajneri - javascript, jquery, css, grafy, highcharts

Nasleduje toto demo (http://www.highcharts.com/docs/chart-and-series-types/combining-chart-types) Snažím sa mať koláčový graf a stĺpcový graf na tej istej stránke.

Chytiť by som chcel koláčový grafveľký vľavo a potom stĺpcový graf vpravo. Vidím kód presunúť koláčový graf okolo, ale nemôžem prísť na to, ako urobiť to isté s stĺpcovým grafom, ako sa zdá, že chce preklenúť celú šírku kontajnera. Chápem, že by som mohol mať dva nezávislé grafy a umiestniť ich do vlastných plávajúcich DIV, ale keďže kombinácia grafov je možná, myslel som si, že by to bola životaschopná možnosť.

odpovede:

Môžete nastaviť chart.marginLeft na polovicu šírky grafu. A nastaviť koláč.centrum x súradnice na zápornú hodnotu.

chart: {
marginLeft: 400
},

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

príklad: http://jsfiddle.net/L55w9n53/