Twitter bootstrap HighCharts-如何动态设置边距?

Twitter bootstrap HighCharts-如何动态设置边距?,twitter-bootstrap,highcharts,Twitter Bootstrap,Highcharts,我想将我的highcharts图表放入我的引导网格中,以便它与其他内容很好地匹配 整体应如下所示: Col-1 Col-10 Col-1 X轴标签 图表绘图区 2.轴标签 Col-1 Col-10 Col-1 与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉效果(假设一个固定宽度的图表轴/.col-1): Highcharts.chart('container'{ 图表:{ 键入:“列”, marginLeft:65/与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉

我想将我的highcharts图表放入我的引导网格中,以便它与其他内容很好地匹配

整体应如下所示:

Col-1 Col-10 Col-1 X轴标签 图表绘图区 2.轴标签 Col-1 Col-10 Col-1
与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉效果(假设一个固定宽度的图表轴/
.col-1
):

Highcharts.chart('container'{
图表:{
键入:“列”,

marginLeft:65/与其尝试将图表的元素分成不同的列,不如使用CSS实现相同的视觉效果(假设一个固定宽度的图表轴/
.col-1
):

Highcharts.chart('container'{
图表:{
键入:“列”,

marginLeft:65/您可以根据某个百分比值动态计算和设置边距,例如:

    chart: {
        ...,
        events: {
            render: function() {
                if (allowChartUpdate) {
                    var dynamicMargin = this.chartWidth * 8.333333 / 100;
                    allowChartUpdate = false;

                    this.update({
                        chart: {
                            marginLeft: dynamicMargin,
                            marginRight: dynamicMargin
                        }
                    }, true, true, false);

                    allowChartUpdate = true;
                }
            }
        }
    }

现场演示:


API参考:

您可以根据某个百分比值动态计算和设置边距,例如:

    chart: {
        ...,
        events: {
            render: function() {
                if (allowChartUpdate) {
                    var dynamicMargin = this.chartWidth * 8.333333 / 100;
                    allowChartUpdate = false;

                    this.update({
                        chart: {
                            marginLeft: dynamicMargin,
                            marginRight: dynamicMargin
                        }
                    }, true, true, false);

                    allowChartUpdate = true;
                }
            }
        }
    }

现场演示:


API参考:

一个出色的解决方案!谢谢。问题是固定的第一列需要灵活。欢迎:)highcarts似乎只允许设置一个像素值,因此它需要固定,或者
。如果没有设置marginLeft,col-1
需要设置样式以匹配图表默认动态边距的自动宽度。可能还有另一个图表库允许这样做?这是一个出色的解决方案!谢谢。问题是固定的firs需要灵活的t列。不客气:)highcarts似乎只允许设置一个像素值,因此它需要固定,或者
。如果没有设置marginLeft,col-1
需要设置样式以匹配图表默认动态边距的自动宽度。可能还有另一个图表库允许这样做?谢谢!我以前从未注意到事件部分哎呀!我以前从来没注意过活动区