d3plus：如何翻转绘制箱线图的顺序？答案

【问题标题】：d3plus: how to flip order of drawn boxplots?d3plus：如何翻转绘制箱线图的顺序？
【发布时间】：2017-11-13 21:47:46
【问题描述】：

我将此代码用于 d3 可视化（箱线图和晶须）：

var ODGCostsChart = d3plus.viz()
    .container("#my_viz")
    .data(dataNoMinMax)
    .type("box")
    .id("measure")
    .x("provider")
    .y("deviation")
    .draw();

我的数据的每一行是：

{deviation: round(d.value,2), provider: 'This', measure: d.metric}

或：

{deviation: round(d.value_others,2), provider: 'All', measure: d.metric}

我希望生成的可视化效果有两个并排的箱线图，一个用于“此”提供者，另一个用于“所有”提供者旁边。但是，无论我如何尝试，我都会不断得到在“This”之前带有“All”的箱线图：

对于我的生活，我不知道如何翻转绘图中箱线图的顺序。我已经通过documentation，但我不确定它是否可能。

【问题讨论】：

标签： javascript d3.js data-visualization d3plus

【解决方案1】：

您是否尝试过像下面这样在您的可视化项上使用order 函数？

var ODGCostsChart = d3plus.viz()
    .container("#my_viz")
    .data(dataNoMinMax)
    .order({sort: 'asc' }) // or {sort: 'desc'}
    .type("box")
    .id("measure")
    .x("provider")
    .y("deviation")
    .draw();

您可以查看此订单功能的其他选项here

【讨论】：

这也不起作用，最终诀窍是：.order({"value": "provider"}) 尽管我没有看到“This”是如何在“All”之前排序的

【解决方案2】：

最终的诀窍是：

.order({"value": "provider"})

尽管我没有看到“This”是如何在“All”之前排序的

【讨论】：

我认为是因为它的值低于“All”。