是否可以将行分面中的行标签左对齐？
问题描述 投票：0回答：1
是否可以将行分面中的行标签左对齐？
在本例中为“子类别”的行字段。
例如...
配件
电器
艺术
................................................ ...................................................... ...................................................... ................................................
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"data": {
"values": [
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-01-31T00:00:00",
"Sales": 2126,
"Profit": 476
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-02-29T00:00:00",
"Sales": 2437,
"Profit": 623
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-03-31T00:00:00",
"Sales": 3952,
"Profit": 1192
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-04-30T00:00:00",
"Sales": 2142,
"Profit": 358
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-05-31T00:00:00",
"Sales": 3751,
"Profit": 1190
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-06-30T00:00:00",
"Sales": 4849,
"Profit": 1028
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-07-31T00:00:00",
"Sales": 7589,
"Profit": 2403
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-08-31T00:00:00",
"Sales": 4962,
"Profit": 1154
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-09-30T00:00:00",
"Sales": 9727,
"Profit": 2778
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-10-31T00:00:00",
"Sales": 5032,
"Profit": 909
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-11-30T00:00:00",
"Sales": 8390,
"Profit": 2181
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-12-31T00:00:00",
"Sales": 4989,
"Profit": 1380
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-01-31T00:00:00",
"Sales": 2548,
"Profit": 423
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-02-29T00:00:00",
"Sales": 3521,
"Profit": 977
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-03-31T00:00:00",
"Sales": 2474,
"Profit": 308
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-04-30T00:00:00",
"Sales": 645,
"Profit": -144
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-05-31T00:00:00",
"Sales": 2578,
"Profit": 692
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-06-30T00:00:00",
"Sales": 3160,
"Profit": 897
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-07-31T00:00:00",
"Sales": 1211,
"Profit": 197
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-08-31T00:00:00",
"Sales": 7105,
"Profit": 1621
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-09-30T00:00:00",
"Sales": 3088,
"Profit": 427
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-10-31T00:00:00",
"Sales": 3336,
"Profit": 755
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-11-30T00:00:00",
"Sales": 6746,
"Profit": 1021
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-12-31T00:00:00",
"Sales": 6517,
"Profit": 690
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-01-31T00:00:00",
"Sales": 434,
"Profit": 111
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-02-29T00:00:00",
"Sales": 247,
"Profit": 67
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-03-31T00:00:00",
"Sales": 442,
"Profit": 115
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-04-30T00:00:00",
"Sales": 618,
"Profit": 140
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-05-31T00:00:00",
"Sales": 640,
"Profit": 177
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-06-30T00:00:00",
"Sales": 1019,
"Profit": 262
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-07-31T00:00:00",
"Sales": 867,
"Profit": 251
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-08-31T00:00:00",
"Sales": 733,
"Profit": 199
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-09-30T00:00:00",
"Sales": 971,
"Profit": 267
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-10-31T00:00:00",
"Sales": 642,
"Profit": 123
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-11-30T00:00:00",
"Sales": 1387,
"Profit": 312
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-12-31T00:00:00",
"Sales": 862,
"Profit": 199
}
]
},
"spacing": {"row": 2},
"facet": {
"row": {
"field": "Sub-Category",
"type": "nominal",
"header": {
"title": null,
"labelAngle": 0,
"labelPadding": 0,
"titlePadding": -40,
"labelAlign": "left"
}
}
},
"spec": {
"width": 120,
"height": 20,
"view": {"stroke": "transparent"},
"mark": {"type": "area", "interpolate": "natural"},
"encoding": {
"x": {
"field": "MonthendDate",
"type": "temporal",
"title": null,
"timeUnit": "yearmonth",
"axis": {"format": "%b %y", "orient": "top",
}
},
"y": {
"field": "Sales",
"type": "quantitative",
"aggregate": "sum",
"scale": {"zero": true},
"axis": {"title": null, "labels": false, "ticks": false}
}
}
},
"resolve": {"scale": {"y": "shared"}}
}
1个回答
1
投票
投票
我认为这是目前的一个错误，您可以在这里阅读更多信息：https://github.com/vega/vega-lite/issues/5547。如果您改为编辑 Vega 规范，您就可以实现您想要的。
{
"$schema": "https://vega.github.io/schema/vega/v5.json",
"background": "white",
"padding": 5,
"data": [
{
"name": "source_0",
"values": [
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-01-31T00:00:00",
"Sales": 2126,
"Profit": 476
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-02-29T00:00:00",
"Sales": 2437,
"Profit": 623
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-03-31T00:00:00",
"Sales": 3952,
"Profit": 1192
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-04-30T00:00:00",
"Sales": 2142,
"Profit": 358
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-05-31T00:00:00",
"Sales": 3751,
"Profit": 1190
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-06-30T00:00:00",
"Sales": 4849,
"Profit": 1028
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-07-31T00:00:00",
"Sales": 7589,
"Profit": 2403
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-08-31T00:00:00",
"Sales": 4962,
"Profit": 1154
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-09-30T00:00:00",
"Sales": 9727,
"Profit": 2778
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-10-31T00:00:00",
"Sales": 5032,
"Profit": 909
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-11-30T00:00:00",
"Sales": 8390,
"Profit": 2181
},
{
"Sub-Category": "Accessories",
"MonthendDate": "2020-12-31T00:00:00",
"Sales": 4989,
"Profit": 1380
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-01-31T00:00:00",
"Sales": 2548,
"Profit": 423
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-02-29T00:00:00",
"Sales": 3521,
"Profit": 977
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-03-31T00:00:00",
"Sales": 2474,
"Profit": 308
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-04-30T00:00:00",
"Sales": 645,
"Profit": -144
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-05-31T00:00:00",
"Sales": 2578,
"Profit": 692
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-06-30T00:00:00",
"Sales": 3160,
"Profit": 897
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-07-31T00:00:00",
"Sales": 1211,
"Profit": 197
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-08-31T00:00:00",
"Sales": 7105,
"Profit": 1621
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-09-30T00:00:00",
"Sales": 3088,
"Profit": 427
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-10-31T00:00:00",
"Sales": 3336,
"Profit": 755
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-11-30T00:00:00",
"Sales": 6746,
"Profit": 1021
},
{
"Sub-Category": "Appliances",
"MonthendDate": "2020-12-31T00:00:00",
"Sales": 6517,
"Profit": 690
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-01-31T00:00:00",
"Sales": 434,
"Profit": 111
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-02-29T00:00:00",
"Sales": 247,
"Profit": 67
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-03-31T00:00:00",
"Sales": 442,
"Profit": 115
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-04-30T00:00:00",
"Sales": 618,
"Profit": 140
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-05-31T00:00:00",
"Sales": 640,
"Profit": 177
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-06-30T00:00:00",
"Sales": 1019,
"Profit": 262
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-07-31T00:00:00",
"Sales": 867,
"Profit": 251
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-08-31T00:00:00",
"Sales": 733,
"Profit": 199
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-09-30T00:00:00",
"Sales": 971,
"Profit": 267
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-10-31T00:00:00",
"Sales": 642,
"Profit": 123
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-11-30T00:00:00",
"Sales": 1387,
"Profit": 312
},
{
"Sub-Category": "Art",
"MonthendDate": "2020-12-31T00:00:00",
"Sales": 862,
"Profit": 199
}
]
},
{
"name": "data_0",
"source": "source_0",
"transform": [
{
"type": "formula",
"expr": "toDate(datum[\"MonthendDate\"])",
"as": "MonthendDate"
},
{
"field": "MonthendDate",
"type": "timeunit",
"units": ["year", "month"],
"as": ["yearmonth_MonthendDate", "yearmonth_MonthendDate_end"]
},
{
"type": "aggregate",
"groupby": ["yearmonth_MonthendDate", "Sub-Category"],
"ops": ["sum"],
"fields": ["Sales"],
"as": ["sum_Sales"]
}
]
},
{
"name": "row_domain",
"source": "data_0",
"transform": [{"type": "aggregate", "groupby": ["Sub-Category"]}]
}
],
"signals": [
{"name": "child_width", "value": 120},
{"name": "child_height", "value": 20}
],
"layout": {
"padding": {"row": 2, "column": 20},
"columns": 1,
"bounds": "full",
"align": "all"
},
"marks": [
{
"name": "row_header",
"type": "group",
"role": "row-header",
"from": {"data": "row_domain"},
"sort": {"field": "datum[\"Sub-Category\"]", "order": "ascending"},
"title": {
"text": {
"signal": "isValid(parent[\"Sub-Category\"]) ? parent[\"Sub-Category\"] : \"\"+parent[\"Sub-Category\"]"
},
"orient": "right",
"style": "guide-label",
"frame": "group",
"baseline": "middle",
"align": "right",
"angle": 0,
"offset": -60
},
"encode": {"update": {"height": {"signal": "child_height"}}},
"axes": [
{
"scale": "y",
"orient": "left",
"grid": false,
"labels": false,
"ticks": false,
"labelOverlap": true,
"tickCount": {"signal": "ceil(child_height/40)"},
"zindex": 0
}
]
},
{
"name": "column_header",
"type": "group",
"role": "column-header",
"encode": {"update": {"width": {"signal": "child_width"}}},
"axes": [
{
"scale": "x",
"orient": "top",
"grid": false,
"format": "%b %y",
"labelFlush": true,
"labelOverlap": true,
"tickCount": {"signal": "ceil(child_width/40)"},
"zindex": 0
}
]
},
{
"name": "cell",
"type": "group",
"style": "cell",
"from": {
"facet": {
"name": "facet",
"data": "data_0",
"groupby": ["Sub-Category"]
}
},
"sort": {"field": ["datum[\"Sub-Category\"]"], "order": ["ascending"]},
"encode": {
"update": {
"width": {"signal": "child_width"},
"height": {"signal": "child_height"},
"stroke": {"value": "transparent"}
}
},
"marks": [
{
"name": "child_marks",
"type": "area",
"style": ["area"],
"sort": {"field": "datum[\"yearmonth_MonthendDate\"]"},
"from": {"data": "facet"},
"encode": {
"update": {
"interpolate": {"value": "natural"},
"orient": {"value": "vertical"},
"fill": {"value": "#4c78a8"},
"description": {
"signal": "\"MonthendDate (year-month): \" + (timeFormat(datum[\"yearmonth_MonthendDate\"], '%b %y')) + \"; Sum of Sales: \" + (format(datum[\"sum_Sales\"], \"\"))"
},
"x": {"scale": "x", "field": "yearmonth_MonthendDate"},
"y": {"scale": "y", "field": "sum_Sales"},
"y2": {"scale": "y", "value": 0},
"defined": {
"signal": "isValid(datum[\"yearmonth_MonthendDate\"]) && isFinite(+datum[\"yearmonth_MonthendDate\"]) && isValid(datum[\"sum_Sales\"]) && isFinite(+datum[\"sum_Sales\"])"
}
}
}
}
],
"axes": [
{
"scale": "x",
"orient": "top",
"gridScale": "y",
"grid": true,
"tickCount": {"signal": "ceil(child_width/40)"},
"domain": false,
"labels": false,
"aria": false,
"maxExtent": 0,
"minExtent": 0,
"ticks": false,
"zindex": 0
},
{
"scale": "y",
"orient": "left",
"gridScale": "x",
"grid": true,
"tickCount": {"signal": "ceil(child_height/40)"},
"domain": false,
"labels": false,
"aria": false,
"maxExtent": 0,
"minExtent": 0,
"ticks": false,
"zindex": 0
}
]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "data_0", "field": "yearmonth_MonthendDate"},
"range": [0, {"signal": "child_width"}]
},
{
"name": "y",
"type": "linear",
"domain": {"data": "data_0", "field": "sum_Sales"},
"range": [{"signal": "child_height"}, 0],
"zero": true,
"nice": true
}
],
"config": {"style": {"cell": {"stroke": "transparent"}}}
}
最新问题
- 不同加数问题贪心算法
- 我无法在 Ajax 中执行 Perl 脚本
- AVX2 / gcc：通过使用不同的寄存器来提高CPU级并行性
- 我无法在ajax中执行perl脚本
- 实体框架。直接编辑集合导航属性时的奇怪行为
- 在Python中检测比例参考线坐标
- 如何防止我的Python脚本在Windows上运行后立即关闭？
- Gridgain9 是 ignite2 还是 ignite3 的下游
- 如何修改JavaFX中的ChoiceBox复选标记？
- 在pygame中实时播放带有alpha通道和同步音频的两个混合视频？
- 如何在cypher-shell中使用环境变量NEO4J_PASSWORD
- ASP Classic IPN 侦听器可以工作，但现在不行了
- 如何实际使用 cv2.estimateAffine3D 在 python 中对齐 3d 点？
- 如何在 R 中生成具有跨多个组的 FDR 校正 P 值的分层汇总表
- 我无法使用 Exact Alarm 进行颤振本地通知
- Azure OpenAI Studio Playground：在向任何函数提交输出时，我的助手总是返回未定义的错误
- 如何对Bull.js与Redis服务器的连接实现完整而非部分的TLS保护？
- Nuget 资源从 https 更改为 http
- 不同值时如何在同一行返回结果
- 我可以将 boost::intrusive::rbtree 与 stateful_value_traits 一起使用吗？
© www.soinside.com 2019 - 2024. All rights reserved.