小编jac*_*ils的帖子

我在 WordPress 网站上使用 wpDataTables 插件来绘制一些表格和图表。图表使用 Chart.js 呈现。该插件的开发人员创建了一个自定义脚本来控制 Chart.js 的一些方面，而插件无法直接处理。

这就是脚本：

<script type="text/javascript">
jQuery(window).load(function(){
    if( typeof wpDataChartsCallbacks == 'undefined' ){ wpDataChartsCallbacks = {}; }
    wpDataChartsCallbacks[39] = function(obj){
        obj.options.options.scales.yAxes[0].display = false;
        obj.options.options.scales.xAxes[0].display = false;
    }
});
</script>

在此示例中，它隐藏了 ID 为 39 的图表的轴。我需要更改上述脚本以默认隐藏特定数据集（图表中的线）。我的图表 ID 是 2，我想隐藏标记为“SPM”的数据集。

您可以在此处查看表格并绘制其当前外观的图表（这是游戏的武器概述，所以请不要好奇）： https: //mydivision.net/the-division-waffen/

第一个图表默认显示所有数据集： 我希望它默认看起来像这样（“SPM”行隐藏）：

任何人都可以帮忙如何做到这一点吗？

我在我的网站上使用自定义水平规则CSS样式.它看起来如下:

但是,由于我已将Google Chrome更新为版本61,因此该符号的行高会被忽略,它看起来像这样:

我正在使用以下代码:

hr {
    background: #ccc;
    border: 0;
    height: 1px;
    line-height: 1 !important;
    margin: 20px 0;
    text-align: center;
    clear: both;
}
hr:after {
    content: '\f0c4';
    display: inline-block;
    position: relative;
    top: -10px;
    padding: 0 10px;
    background: #fff;
    color: #ccc;
    font-family: 'FontAwesome';
    font-size: 20px;
}

这里的JSFiddle演示:http:
//jsfiddle.net/5q0nzrw8/

CSS:

.post-nav {margin: 20px 0;}

.post-nav-prev, .post-nav-next {float: left; padding: 10px; border: 1px solid #aaa; background: #fff; width: 298px;}
.post-nav-prev {text-align: left;}
.post-nav-next {text-align: right; margin-left: 20px;}

.post-nav-prev a, .post-nav-next a {font-family: Arial; font-weight: 500; font-size: 20px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration: none;}
.post-nav-prev a:hover, .post-nav-next a:hover {color: #000;}

.post-nav-prev-icon, .post-nav-next-icon {}
.post-nav-prev-icon:before, .post-nav-next-icon:before {font-family: Arial; font-size: 28px; color: #aaa;}
.post-nav-prev-icon:before {float: left; content: '\00AB'; padding-right: 10px;}
.post-nav-next-icon:before {float: right; content: '\00BB'; …