Question

我有最新的hightcharts 2.3.5，我在一个页面中有很多图表。

我尝试使用marginTop和spacingTop，但他们似乎没有在渲染的div中移动图表。但是对于firebug，我注意到Top和Left是从脚本highcharts.js生成的，从左边和顶部我可以按照我想要的方式移动图表（这只是在firebug中）。但是没有关于如何在highcharts API或设置中更改顶部和左侧的设置。

请问我如何为每张图表更改Top和Left。

任何其他信息让我知道，我会添加它。

EDIT。

chart = new Highcharts.Chart({
        chart: {
            renderTo: 'wfa_b', type: 'line',width: 760,height:null,marginRight: 5,marginBottom: 24 , 
            marginTop:46},

感谢您的帮助

修改

在其他方面我有渲染div的背景但我不希望这个背景恰好适合图表，我想将我的图表定位在我想要的div的背景图像上，希望这个明确

SQLFIDDLE

Answer 1

var chart = new Highcharts.StockChart({

        chart: {
            renderTo: 'container',
            borderWidth: 2,
            marginLeft: 150,
            marginTop: 100
        },
        .
        .
        .
        .
    });

Demo

Reference

修改（评论后）：

在OP澄清时，他需要marginLeft本身的marginTop和render div，而不是图表区域。

假设您div id='container'，

#container { 
    padding: 20px;

}

Demo

编辑2：（评论后）：

OP并不想调整padding正在做的图表的大小。

所以，使用这个，

#container .highcharts-container {
   top: 100px !important;
   left: 100px !important;
}

Demo

在highcharts中更改Top和Left

1 个答案: