如何在箱形图中仅显示最小值,中值和最大值?

时间:2016-01-07 08:13:38

标签: d3.js nvd3.js

我在nvd3的boxplotchart中形成x轴的问题。这是我得到的:

enter image description here

以下是我想要的(默认情况下,这是在nvd3的折线图上完成的):

enter image description here

关于如何实现这一目标的任何想法?

这就是我构建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;
}

但是,我很确定这不是正确的解决方案。

0 个答案:

没有答案