Highcharts:将多个图表对齐在同一个容器中

时间:2017-01-11 17:54:06

标签: javascript jquery css charts highcharts

在此处演示此演示(http://www.highcharts.com/docs/chart-and-series-types/combining-chart-types)我试图在同一页面上设置饼图和条形图。

我希望饼图在左边是大的,然后是右边的条形图。我看到了移动饼图的代码,但我无法弄清楚如何对条形图做同样的事情,因为它似乎想要跨越整个容器宽度。我知道我可以有两个独立的图表并将它们放在他们自己的浮动DIV中,但由于图表的组合是可能的,我认为这将是一个可行的选择。

1 个答案:

答案 0 :(得分:1)

您可以将chart.marginLeft设置为图表宽度的一半。并将pie.center x坐标设置为负值。

chart: {
   marginLeft: 400
},

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

示例:http://jsfiddle.net/L55w9n53/