javascript - d3plus：如何翻转绘制箱线图的顺序？

Question

我将此代码用于 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”的箱线图：

对于我的生活，我不知道如何翻转图中箱线图的顺序。我已经浏览了文档，但我不确定它是否可能。

Answer 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();

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

Answer 2

最终的诀窍是：

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

即使我看不到“This”是如何在“All”之前订购的