Javascript 在morris js中使用css隐藏x轴标签

正如您在这里看到的，标签太长，无法显示在x上，但标签没有类，如何隐藏它？

尝试定位：

text[text-anchor="middle"]{
  display:none
}

显然，这是X轴标签的独特之处

演示：

尝试将xLabelAngle选项更改为1度值-它会在

x轴上生成标签，属性为
y=“313.542402245”
的标签会显示在所有
x轴上

现在，只需通过CSS将所有x轴标签作为目标，如下所示

text[y="313.542402245"] {
display: none;
}

已编辑

另一个解决方案是通过编辑morris js文件来隐藏x轴标签---

在morris js中查找此代码

Bar.prototype.drawXAxisLabel = function(xPos, yPos, text) {
var label;
return label = this.raphael.text(xPos, yPos, text).attr('font-size', this.options.gridTextSize).attr('font-family', this.options.gridTextFamily).attr('font-weight', this.options.gridTextWeight).attr('fill', this.options.gridTextColor);
};

并将其替换为下面的一个

Bar.prototype.drawXAxisLabel = function (xPos, yPos, text) {
var label;
return label = this.raphael.text(xPos, yPos, '').attr('font-size', this.options.gridTextSize).attr('font-family', this.options.gridTextFamily).attr('font-weight', this.options.gridTextWeight).attr('fill', this.options.gridTextColor);
};

我只是想知道这件事的最新进展。在x轴的文本上使用“display:none；”时，我遇到了一个问题。svg的整体大小受到了影响，特别是y轴标签，因为其他字符/数字溢出，所以最多只能显示2个字符/数字

所以我用的是：

text[text-anchor="middle"]{
    opacity: 0;
}

在配置选项中包括此选项以隐藏X轴：

轴：“y”

在配置选项中包括此选项以隐藏Y轴：

axes：“x”
假设你谈论的是2006-2012年，它在最新的chrome（31）上显示得很好。@JustinWood link非常感谢！成功了！顺便说一句，你在哪里找到它？我以为y和x文本是在一起的？我简单地打开了Chrome开发工具，检查了x和y的标签元素。对于y，它是
，而对于x，它是
，太糟糕了。这种黑客行为也会影响圆环图标签，因为它们共享相同的文本锚id：（我正在搜索如何设置x轴标签垂直对齐，并考虑以某种方式在xLabelFormat中应用CSS，但这非常简单、快速和准确。您的回答很有帮助。谢谢。
text[text-anchor="middle"]{
    opacity: 0;
}