从Highchart隐藏PieChart上的边框底部

Question

我有2个局部视图，每个视图都有自己的饼图（由Highcharts制作）。我通过调用相应的 Controller 中的 Action 在我的主视图中加载这些部分。

现在我发现了如何摆脱图表底部的信用，但是当我在视图中加载两个饼图时，我得到

正如您所看到的，这些图表底部有一条微弱的灰线。

现在在我的主视图的HTML中，我调用这些部分视图。我在它们上面使用col-md-6让它们彼此相邻排列，如下所示：

<div class="col-md-6">
    @Html.Action("Chart", "Teams")
</div>

<div class="col-md-6">
    @Html.Action("SeriesWinsChart", "Teams")
</div>

我已经进入DOM浏览器试图找到导致边界底部的原因，我似乎无法找到它。我也试过给col-md-6一个border-bottom: none;的属性，但是没有用。

以下是我在页面上看到的内容，然后点击该部分的“查看来源”：

<div id='chart2_container'></div><script type='text/javascript'>
var chart2;
$(document).ready(function() {
    chart2 = new Highcharts.Chart({
        chart: { renderTo:'chart2_container', plotShadow: false }, 
        credits: { enabled: false }, 
        plotOptions: { pie: { allowPointSelect: true, cursor: 'pointer', dataLabels: { color: '#000000', connectorColor: '#000000', formatter: function() { return '<b>'+ this.point.name +'</b>: '+ this.y; } } } }, 
        title: { style: { font: 'normal 20px Impact', color: 'red' }, text: 'Game Wins' }, 
        series: [{ data: [['Orioles', 5], ['Red Sox', 10]], name: 'Game Wins', type: 'pie' }]
    });
});
</script>

<hr />

</div>

我将假设<hr/>是造成这种情况的原因，那么我如何在JS中摆脱它？

如何摆脱边界底部？