Vega-Lite（Deneb）|瀑布图（开始和结束列问题）
问题描述 投票：0回答：1
我在尝试为瀑布图创建 BEGIN / END 列时遇到了死胡同。
我已成功创建 END 列，该列正确位于 X 轴（一月至十二月）的末尾。但是，我无法成功添加 BEGIN 列以使其显示在 x 轴上的 Jan 之前。它要么没有出现，要么位于 Jan 之后而不是之前。对 x 轴排序似乎也不起作用。
这可以直接在 Vega-Lite 中完成吗？
这里是 pbix 的链接：waterfall_pbix_file
这是我当前失败尝试的屏幕截图。
我希望我已经提供了足够的信息。提前感谢您的帮助！
{
"data": {
"name": "dataset"
},
"transform": [
{
"sort": [
{
"field": "MonthNo"
}
],
"window": [
{
"op": "lag",
"field": "salesCY",
"as": "salesCY_previous"
},
{
"op": "lag",
"field": "Month",
"as": "month_previous"
},
{
"op": "lead",
"field": "salesCY",
"as": "salesCY_following"
},
{
"op": "lead",
"field": "Month",
"as": "month_following"
}
]
},
{
"calculate": "datum.month_previous == null ? 'BEGIN' : datum.month_previous",
"as": "month_previous"
},
{
"calculate": "datum.month_following == null ? 'END' : datum.month_following",
"as": "month_following"
},
{
"calculate": "datum.month_previous === 'BEGIN' ? -999 : datum.month_following === 'END' ? 999 : datum.MonthNo",
"as": "sort_order"
}
],
"width": 500,
"height": 200,
"layer": [
{
"mark": {
"type": "bar",
"fill": {
"expr": "datum.salesCY > datum.salesCY_previous ? '#0291DC' : '#F0535A' "
},
"width": {
"band": 0.8
}
}
},
{
"transform": [
{
"filter": "datum.month_previous == 'BEGIN'"
}
],
"mark": {
"type": "bar",
"fill": "lightgrey",
"stroke": "black",
"strokeWidth": 0.5,
"width": {
"band": 0.8
}
},
"encoding": {
"x": {
"field": "month_previous",
"type": "nominal",
"axis": {
"title": null,
"labels": true,
"labelFontSize": 15,
"labelColor": "grey",
"labelExpr": "datum.label[0]",
"labelAngle": 0,
"labelPadding": 15,
"domain": false,
"ticks": false
},
"sort": {
"field": "sort_order",
"order": "ascending"
},
"scale": {
"zero": true
}
},
"y2": {
"datum": 0,
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
},
"y": {
"field": "salesCY",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
}
}
},
{
"transform": [
{
"filter": "datum.month_following == 'END'"
}
],
"mark": {
"type": "bar",
"fill": "black",
"width": {
"band": 0.8
}
},
"encoding": {
"x": {
"field": "month_following",
"type": "nominal",
"axis": {
"title": null,
"labels": true,
"labelColor": "grey",
"labelExpr": "datum.label[0]",
"labelAngle": 0,
"domain": false,
"ticks": false
},
"sort": null,
"scale": {
"zero": true
}
},
"y2": {
"datum": 0,
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
},
"y": {
"field": "salesCY",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
}
}
}
],
"encoding": {
"x": {
"field": "Month",
"type": "nominal",
"axis": {
"title": null,
"labels": true,
"labelColor": "grey",
"labelExpr": "datum.label[0]",
"labelAngle": 0,
"domain": false,
"ticks": false
},
"sort": {
"field": "sort_order",
"type": "ordinal"
},
"scale": {
"zero": true
}
},
"y2": {
"field": "salesCY_previous",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
},
"y": {
"field": "salesCY",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
}
}
}
1个回答
0
投票
投票
试试这个：
{
"data": {
"name": "dataset"
},
"transform": [
{
"sort": [
{
"field": "MonthNo"
}
],
"window": [
{
"op": "lag",
"field": "salesCY",
"as": "salesCY_previous"
},
{
"op": "lag",
"field": "Month",
"as": "month_previous"
},
{
"op": "lead",
"field": "salesCY",
"as": "salesCY_following"
},
{
"op": "lead",
"field": "Month",
"as": "month_following"
}
]
},
{
"calculate": "datum.month_previous == null ? 'BEGIN' : datum.month_previous",
"as": "month_previous"
},
{
"calculate": "datum.month_following == null ? 'END' : datum.month_following",
"as": "month_following"
},
{
"calculate": "datum.MonthNo",
"as": "sort_order"
}
],
"width": 500,
"height": 200,
"layer": [
{
"mark": {
"type": "bar",
"fill": {
"expr": "datum.salesCY > datum.salesCY_previous ? '#0291DC' : '#F0535A' "
},
"width": {
"band": 0.8
}
}
},
{
// CANT SEEM TO FIX THIS MARK TO APPEAR BEFORE THE JAN MONTH COLUMN
"transform": [
{
"filter": "datum.month_previous == 'BEGIN'"
},
{
"calculate": "-1",
"as": "sort_order"
}
],
"mark": {
"type": "bar",
"fill": "lightgrey",
"stroke": "black",
"strokeWidth": 0.5,
"width": {
"band": 0.8
}
},
"encoding": {
"x": {
"field": "month_previous",
"type": "nominal",
"axis": {
"title": null,
"labels": true,
"labelFontSize": 15,
"labelColor": "grey",
"labelExpr": "datum.label[0]",
"labelAngle": 0,
"labelPadding": 15,
"domain": false,
"ticks": false
},
"sort": null,
"scale": {
"zero": true
}
},
"y2": {
"datum": 0,
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
},
"y": {
"field": "salesCY",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
}
}
},
{
"transform": [
{
"filter": "datum.month_following == 'END'"
},
{
"calculate": "1e6",
"as": "sort_order"
}
],
"mark": {
"type": "bar",
"fill": "black",
"width": {
"band": 0.8
}
},
"encoding": {
"x": {
"field": "month_following",
"type": "nominal",
"axis": {
"title": null,
"labels": true,
"labelColor": "grey",
"labelExpr": "datum.label[0]",
"labelAngle": 0,
"domain": false,
"ticks": false
},
"sort": null,
"scale": {
"zero": true
}
},
"y2": {
"datum": 0,
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
},
"y": {
"field": "salesCY",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
}
}
}
],
"encoding": {
"x": {
"field": "Month",
"type": "nominal",
"axis": {
"title": null,
"labels": true,
"labelColor": "grey",
"labelExpr": "datum.label[0]",
"labelAngle": 0,
"domain": false,
"ticks": false
},
"sort": {
"field": "sort_order",
"order": "ascending"
},
"scale": {
"zero": true
}
},
"y2": {
"field": "salesCY_previous",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
},
"y": {
"field": "salesCY",
"type": "quantitative",
"axis": {
"title": null,
"labels": false,
"domain": false,
"ticks": false,
"grid": false
}
}
}
}
最新问题
- 在 React 中按条件渲染组件的最佳方式是什么？
- Java同步和访问静态字段的静态同步方法
- `在 Next.JS 的 `getStaticPaths` 中设置 `fallback: true` 时抛出新的错误('无法加载静态 props')`
- site.webmanifest 文件主要用途是什么？
- Notepad++（如何在特定行插入文本）
- 在 Spring Modulith 应用程序中将事件放置在哪里？
- Spring Modulith - 在哪里放置事件？
- 将不同 Dataframe 的列表保存到 json
- 无法从PCF中部署的Spring云配置服务器导入的配置文件中获取字段
- 计算具有不同数量的匿名函数的元胞数组
- 如何在 Cargo.toml 的依赖项中指定可选功能的提交
- 如何提取整个比赛而不仅仅是捕获的组？
- 为什么它返回垃圾值
- Oracle数据库23ai：出现错误ORA-02264，但我既找不到指定名称的约束，也无法删除一个约束
- Python 中的模块层次结构问题
- 有没有办法自定义DropDownButtonFormField中DropDownMenuItem的颜色（Flutter Web）
- MSAL 登录登录弹出问题。 BrowserAuthError：user_cancelled：用户取消了流程
- JavaScript 如何在指定秒数后执行操作？ [重复]
- 带字符串参数和非字符串参数的 setTimeout 之间的区别
- JQGrid 虚拟滚动不起作用
© www.soinside.com 2019 - 2024. All rights reserved.