Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts:在同一容器中对齐多个图表_Javascript_Jquery_Css_Charts_Highcharts - Fatal编程技术网

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

Javascript Highcharts:在同一容器中对齐多个图表,javascript,jquery,css,charts,highcharts,Javascript,Jquery,Css,Charts,Highcharts,在这里演示()之后,我尝试在同一页上创建一个饼图和一个条形图 问题是我希望左边的饼图是大的,然后右边的条形图是大的。我看到了将饼图四处移动的代码,但我不知道如何对条形图执行相同的操作,因为它似乎要跨越整个容器宽度。我知道我可以有两个独立的图表,并将它们放在各自的浮动div中,但由于图表的组合是可能的,我认为这将是一个可行的选择。您可以设置为图表宽度的一半。并将x坐标设置为负值 chart: { marginLeft: 400 }, series: [{ center: ['-75%

在这里演示()之后,我尝试在同一页上创建一个饼图和一个条形图

问题是我希望左边的饼图是大的,然后右边的条形图是大的。我看到了将饼图四处移动的代码,但我不知道如何对条形图执行相同的操作,因为它似乎要跨越整个容器宽度。我知道我可以有两个独立的图表,并将它们放在各自的浮动div中,但由于图表的组合是可能的,我认为这将是一个可行的选择。

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

chart: {
   marginLeft: 400
},

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

示例:

这正是我想要的。非常感谢。