d3plus:如何翻转绘制的箱形图的顺序?

时间:2017-11-13 21:47:47

标签: javascript d3.js data-visualization d3plus

我将此代码用于d3即(Box Plot和Whiskers):

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}

我希望得到的可视化结果有两个并排的箱形图,一个用于"这个"提供者,另一个用于" All"旁边的提供商。不管我怎么尝试,我一直在用#34; All"在"这个": enter image description here

对于我的生活,我不知道如何翻转图中箱形图的顺序。我已经完成了documentation,但我不确定它是否可能。

2 个答案:

答案 0 :(得分:0)

您是否尝试过使用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

答案 1 :(得分:0)

最终诀窍是什么:

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

即使我没有看到在“全部”

之前如何订购“This”