Javascript 我怎样才能有一个具有高度图表的响应图？

基本上，我有一个划分为col-xs-3、col-xs-7（保存图形）和col-xs-2的容器，下面还有三个具有相同引导类（col-xs-3，…）的表。 在容器上，我用highcharts创建了一个图形，我希望它与下面的表对齐（如紫色箭头所示），这就是我想要的结果，并且在窗口宽度更改时也能做出响应：

现在我有这样一个：

我已经尝试过一些方法，比如向左移动图形，在不同的媒体查询上缩放图形，但这些方法只适用于特定的宽度

Highcharts.chart（'container'{
图表：{
renderTo:'
},
标题：{
文本：“”
},
学分：{
已启用：false
},
xAxis：{
线宽：0，
minorTickLength:0，
长度：0，
标签：{
轮调：-45，
已启用：false
},
//maxZoom:24*3600*1000*30，//十四天
标题：{
//文本：“示例”
}
},
亚克斯：{
分:0,，
最高：150，
时间间隔：50，
网格线宽：0，
线宽：4，
绘图线：[{
颜色：“#ccc”，
dashStyle:“dash”，
宽度：2，
数值：100
}],
标题：{
文本：“”
},
标签：{
风格：{
颜色：“#ccc”
},
格式化程序：函数（）{
如果（'100'==此.value）{
返回''+this.value+'%'；
}否则{
返回此值。值+'%'；
}
}
}
},
工具提示：{
分享：是的，
格式化程序：函数（）{
var result=''+Highcharts.dateFormat（'%b%e，%Y'，this.x）+''；
$.each（该点、功能（i、基准）{
结果+='
'+数学四舍五入（datum.y）+'%；
});
返回结果；
}
},
图例：{
启用：false，
},
打印选项：{
行：{
标记：{
已启用：false
}
}
},
系列：[{
名称：“”，
数据：[[0,50.57]，
[10, 50.63],
[20, 75.14],
[30, 100.08],
[40, 40.28],
[130, 68.25],
[140, 125.01], ],
线宽：5，
阈值：99，
步骤：'中间'，
工具提示：{
数值小数：2
}
}]
});
.empty{
背景色：#F3；
高度：250px；
}
.行{
利润率：10px0；
}
我对图表做了一些修改，就解决了这个问题。以下是我改变的事情：

在JS文件中：

chart: {
           renderTo: 'chartcontainer'
       }

在HTML文件中：

 <div id="container" style="height: 250px;width:calc(100% + 90px);"></div>

.highcharts-container {
    left: -70px;
}

这是答案。
我对图表做了一些修改，就解决了这个问题。以下是我改变的事情：

在JS文件中：

chart: {
           renderTo: 'chartcontainer'
       }

在HTML文件中：

 <div id="container" style="height: 250px;width:calc(100% + 90px);"></div>

.highcharts-container {
    left: -70px;
}

这是你的电话号码