我在nvd3的boxplotchart中形成x轴的问题。这是我得到的:
以下是我想要的(默认情况下,这是在nvd3的折线图上完成的):
关于如何实现这一目标的任何想法?
这就是我构建boxplotchart的方式:
var chart = nv.models.boxPlotChart()
.x(function(d) { return d.label })
.y(function(d) { return d.values.Q3 })
.color(["#B6CCEA"])
.margin({"right":50});
chart.xAxis
.axisLabel(CONSTANTS.CHARTS.BUILDS_BOXPLOT.X_AXIS)
.showMaxMin(true)
.tickFormat(function(d) {
return moment(d).format('MM/DD/YYYY HH:mm')
});
解决方法:
到目前为止我已经做了什么来摆脱这些标签:我添加了以下css:
div#builds-boxplot > svg > g.nvd3 > g > g.nv-x > g.nv-axis > g > g.tick {
display: none;
}
div#tests-boxplot > svg > g.nvd3 > g > g.nv-x > g.nv-axis > g > g.tick {
display: none;
}
div#builds-line > svg > g.nvd3 > g > g.nv-x > g.nv-axis > g > g.tick {
display: none;
}
div#tests-line > svg > g.nvd3 > g > g.nv-x > g.nv-axis > g > g.tick {
display: none;
}
但是,我很确定这不是正确的解决方案。