在d3plus叠加面积图中设置顺序

Question

如何在d3plus中设置堆叠区域图中区域的顺序？

我使用了http://d3plus.org/examples/basic/9029462/中的以下示例

<script>
  // sample data array
  var sample_data = [
    {"year": 1993, "name":"alpha", "value": 20},
    {"year": 1994, "name":"alpha", "value": 30},
    {"year": 1995, "name":"alpha", "value": 60},
    {"year": 1993, "name":"beta", "value": 40},
    {"year": 1994, "name":"beta", "value": 60},
    {"year": 1995, "name":"beta", "value": 10},
    {"year": 1994, "name":"gamma", "value": 10},
    {"year": 1995, "name":"gamma", "value": 40}
  ]
  // instantiate d3plus
  var visualization = d3plus.viz()
    .container("#viz")  // container DIV to hold the visualization
    .data(sample_data)  // data to use with the visualization
    .type("stacked")    // visualization type
    .id("name")         // key for which our data is unique on
    .text("name")       // key to use for display text
    .y("value")         // key to use for y-axis
    .x("year")          // key to use for x-axis
    .time("year")       // key to use for time
    .draw()             // finally, draw the visualization!
</script>

顺序是伽玛，贝塔，阿尔法。我怎样才能定制订餐呢？

我试过.order({'value': ['Beta', 'Alpha', 'Gamma']}，但没有效果。然而，.order({'sort': 'asc'})可以工作。再说一次，.order({'agg': 'min'}) (应该会产生Gamma，Alpha，Beta)也不能工作。

Answer 1

我只是有一个类似的问题，堆叠条形图。我想这是错误 in d3plus。将x轴字段(在“年份”中)改为字符串字段，而不是整数。那么点菜可能就开始起作用了。

例如{"year": "1993", "name":"alpha", "value": 20}