d3 v4:在x轴下面有一些系列的叠加直方图?

时间:2017-03-03 00:22:31

标签: d3.js

说我有一些数据(例如账面贷款和账面退货)。我想在直方图中绘制这个,但是我也希望它在那本书中“叠加”,贷款应该是正的(在x轴上方),而书籍的回报应该是负的(在x轴下方)。我无法找到任何关于此的文档,最接近的示例是this one,但是它使用了旧的v3的d3(它改变了关于堆栈api的很多),它也没有有负面的堆栈。这里的关键是原来本书的返回数据点不是负数(实际上,它不能,因为直方图api生成了二进制数),所以我不能简单地强制一个系列出现在轴下方就这样。

编辑:在与柱状图+箱子挣扎了一段时间之后,我终于在this pen得到了一个例子。在我的情况下,我希望'FixedRemaining'系列出现在轴下方,而'剩余'系列保持在上面。数据非常简单,绘制rects的代码主要来自this example。特别是,我怀疑这条线必须改变:

public View getViewByPosition(int pos, ListView listView) {
final int firstListItemPosition = listView.getFirstVisiblePosition();
final int lastListItemPosition = firstListItemPosition + listView.getChildCount() - 1;

if (pos < firstListItemPosition || pos > lastListItemPosition ) {
    return listView.getAdapter().getView(pos, null, listView);
} else {
    final int childIndex = pos - firstListItemPosition;
    return listView.getChildAt(childIndex);
}}

因为它当前只是将高度设置在轴上方。我知道还必须修改域以考虑轴下部分。

1 个答案:

答案 0 :(得分:0)