![](/img/trans.png)
[英]Cube.js React Hook React.useCallback has a missing dependency: 'pivotConfig'. +
[英]How to use pivotConfig in Cube.js?
我的resultSet
如下所示:
0: Object { "Error.type": "A", "Error.criticity": "ORANGE", "Error.count": 10 }
1: Object { "Error.type": "B", "Error.criticity": "ORANGE", "Error.count": 8 }
2: Object { "Error.type": "B", "Error.criticity": "GREEN", "Error.count": 6 }
3: Object { "Error.type": "C", "Error.criticity": "ORANGE", "Error.count": 5 }
4: Object { "Error.type": "C", "Error.criticity": "GREEN", "Error.count": 1 }
5: Object { "Error.type": "A", "Error.criticity": "GREEN", "Error.count": 1 }
我想 pivot 它得到這個:
0: Object { "Error.type": "A", "ORANGE": 10, "GREEN": 1}
1: Object { "Error.type": "B", "ORANGE": 8, "GREEN": 6 }
2: Object { "Error.type": "C", "ORANGE": 5, "GREEN": 1}
我可以使用tablePivot來執行此操作嗎? 如果是,如何設置pivotConfig ?
最終目標是將此格式化的結果集呈現為帶有resultSet
的堆疊條形圖。
我努力了:
resultSet.tablePivot({
x: ['Error.type'],
y: ['Error.criticity', 'Error.count'],
})
返回
0: Object { "Error.type": "A", "Error.criticity": "ORANGE", "Error.count": undefined }
1: Object { "Error.type": "B", "Error.criticity": "ORANGE", "Error.count": undefined }
2: Object { "Error.type": "C", "Error.criticity": "ORANGE", "Error.count": 5 }
和
resultSet.tablePivot({
x: ['Error.type'],
y: ['Error.criticity', 'measures'],
})
返回
0: Object { "Error.type": "A", "Error.criticity": "GREEN", "Error.count": 1 }
1: Object { "Error.type": "B", "Error.criticity": "GREEN", "Error.count": 6 }
2: Object { "Error.type": "C", "Error.criticity": "GREEN", "Error.count": 1 }
在這兩種情況下,我都會丟失一些信息。
我相信您需要這樣的pivotConfig
:
resultSet.tablePivot({
x: [ 'Error.type' ],
y: [ 'Error.criticity', 'measures' ]
})
旋轉后的結果將如下所示,這幾乎是您所期望的,對吧?
[
{Error.type: "A", ORANGE,Error.count: "10", GREEN,Error.count: "1"},
{Error.type: "B", ORANGE,Error.count: "8", GREEN,Error.count: "6"},
{Error.type: "C", ORANGE,Error.count: "5", GREEN,Error.count: "1"}
]
您可以在 Cube.js文檔中閱讀有關pivotConfig
的更多信息。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.