Javascript 从Highchart隐藏PieChart上的边框底部

我有两个局部视图，每个视图都有自己的饼图（由Highcharts制成）。我在主视图中通过调用相应控制器中的操作来加载这些部分

现在我知道了如何去掉图表底部的积分，但是当我在视图中加载两个饼图时，我得到了

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

现在，在我的主视图上的HTML中，我将这些部分视图称为。。我在他们两个身上都使用了

col-md-6

，让他们排成一行，如下所示：

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

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

我将假设是

导致了这种情况，那么我如何在JS中消除这种情况呢

---

如何去除边框底部？

可能不是边框底部。可能是你两个div后面的灰色背景。可能是一个盒子的影子。可能是图表下方元素上的边框顶部。可能有很多问题。你需要提供更多信息。如果你把图表换成文字怎么办。这条线还出现了吗？@Jessele刚刚把图表注释掉了。。并交换为文本，这样做时没有任何边框。。我将编辑我的问题，以显示当我在pageBorder上“查看源代码”与图表无关时所看到的内容。从HTML中删除

。如果确实需要使用JS删除它，那么可以使用jQuery-$（“#chart2_container~hr”）.remove（）@KacperMadej我无法从HTML中删除

，因为我只在实际页面上“查看源代码”时看到它。。不是在Visual Studio中我的HTML所在的位置。。。所以我尝试了

$（'#chart2_container'）。remove（）

位于my Index.cshtml页面顶部，但这也不起作用。您可以找到此

的来源并修复问题的根源。另一种方法是删除图表回调函数中的hr元素，但第一种方法更好。

<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>