英文:
How can I unbind legend on a facetted layered graph (Vega-Lite) (Deneb)
问题
我的问题是图例和颜色编码在可视化的不同层上都能正常工作,但当我将两个分层标记的颜色编码放在一起时,什么都不能正常工作。
如下所示,有两个颜色编码,分别位于两个不同的标记上,但只有第一个显示出来。
我已经尝试多次在多个地方解决图例和颜色的问题,但无法使其正常工作。
我希望两个图例分别显示,两个标记根据它们自己的编码具有自己的颜色。
英文:
My issue is that legends and color encoding are functionning correclty appart on different layer of my visualization, but when I have the color encoding of two layered mark together, nothing works correctly.
As you can see below, there is two color encoding, on two different mark, but only the first one is showing up
Vega Editor
I have tried to resolve legends and colors multiple times, at multiple places but can't make it work correctly.
I would like the two legends to show separatly and the two marks to have their own colors according to their own encoding.
答案1
得分: 1
I'm still not really following. Do you mean like this?
{
"title": {
"text": "Concordance Produit / Projet, réalisé à partir du planning "
},
"data": {
"values": [
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product 1 V1 ",
"Signification_bis": "MES",
"Date_value": "Confirmed",
"Date_value_MAD": "Confirmed",
"Date_Début": "2023-04-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product 1 V1 ",
"Signification_bis": "START",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-03-31",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V2",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "ToBeConfirmed ",
"Date_Début": "2023-04-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V2",
"Date_value_MAD": "Confirmed",
"Signification_bis": "START",
"Date_value": "Confirmed",
"Date_Début": "2023-05-26",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V3",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "ToBeConfirmed ",
"Date_Début": "2023-04-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V3",
"Signification_bis": "START",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-06-30",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V4",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2024-06-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V4",
"Signification_bis": "START",
"Date_value_MAD": "ToBeConfirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-11-02",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V1",
"Signification_bis": "MES",
"Date_value_MAD": "ToBeConfirmed",
"Date_value": "Confirmed",
"Date_Début": "2022-07-04",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V2",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-01-31",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V3",
"Signification_bis": "MES",
"Date_value_MAD": "ToBeConfirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-07-03",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V4",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-08-18",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V5",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-06-30",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
英文:
I'm still not really following. Do you mean like this?
{
"title": {
"text": "Concordance Produit / Projet, réalisé à partir du planning "
},
"data": {
"values": [
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product 1 V1 ",
"Signification_bis": "MES",
"Date_value": "Confirmed",
"Date_value_MAD": "Confirmed",
"Date_Début": "2023-04-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product 1 V1 ",
"Signification_bis": "START",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-03-31",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V2",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "ToBeConfirmed ",
"Date_Début": "2023-04-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V2",
"Date_value_MAD": "Confirmed",
"Signification_bis": "START",
"Date_value": "Confirmed",
"Date_Début": "2023-05-26",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V3",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "ToBeConfirmed ",
"Date_Début": "2023-04-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V3",
"Signification_bis": "START",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-06-30",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V4",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2024-06-28",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V4",
"Signification_bis": "START",
"Date_value_MAD": "ToBeConfirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-11-02",
"Date_Fin": "2022-07-07"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V1",
"Signification_bis": "MES",
"Date_value_MAD": "ToBeConfirmed",
"Date_value": "Confirmed",
"Date_Début": "2022-07-04",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V2",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-01-31",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V3",
"Signification_bis": "MES",
"Date_value_MAD": "ToBeConfirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-07-03",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product2",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product2 V4",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-08-18",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Projet",
"Signification": "BESOIN",
"Référentiel": "Product1 V5",
"Signification_bis": "MES",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-06-30",
"Date_Fin": "2023-11-15"
},
{
"Projet": "Project",
"Produit": "Product1",
"ID_task": "Produit",
"Signification": "MAD",
"Référentiel": "Product1 V5",
"Signification_bis": "START",
"Date_value_MAD": "Confirmed",
"Date_value": "Confirmed",
"Date_Début": "2023-04-03",
"Date_Fin": "2022-07-07"
}
]
},
"facet": {"row": {"field": "Produit"}},
"autosize": "pad",
"config": {"tick": {"thickness": 20, "bandSize": 500}},
"spec": {
"width": 800,
"height": 90,
"layer": [
{
"layer": [
{
"params": [
{"name": "grid", "select": "interval", "bind": "scales"}
],
"transform": [
{"filter": {"field": "ID_task", "oneOf": ["Produit"]}}
],
"mark": {
"type": "bar",
"opacity": 1,
"cornerRadius": 10,
"fillOpacity": 0.5,
"height": 15
},
"encoding": {
"fill": {
"field": "Date_value_MAD",
"scale": {
"domain": ["Confirmed", "ToBeConfirmed"],
"range": ["#009999", "#333333"]
},
"legend": {"title": "Date_value_MAD", "type": "symbol"}
}
}
}
],
"encoding": {
"x": {
"field": "Date_Début",
"type": "temporal",
"axis": {
"title": null,
"grid": true,
"labelExpr": "[timeFormat(datum.value, '%b'), timeFormat(datum.value, '%m') == '01' ? timeFormat(datum.value, '%Y') : '']",
"gridDash": {
"condition": {
"test": {"field": "value", "timeUnit": "month", "equal": 1},
"value": []
},
"value": [2, 2]
},
"tickDash": {
"condition": {
"test": {"field": "value", "timeUnit": "month", "equal": 1},
"value": []
},
"value": [2, 2]
}
}
},
"x2": {"field": "Date_Fin"},
"y": {
"field": "Référentiel",
"type": "nominal",
"axis": {"title": null, "grid": true, "tickBand": "extent"}
}
}
},
{
"transform": [{"calculate": "now()", "as": "now_field"}],
"mark": {"type": "rule", "color": "#FE8389", "size": 1, "opacity": 0.4},
"encoding": {"x": {"field": "now_field", "type": "temporal"}}
},
{
"transform": [{"filter": {"field": "ID_task", "oneOf": ["Projet"]}}],
"mark": {
"type": "point",
"color": "#EC6602",
"size": 150,
"orient": "horizontal",
"opacity": 0.8,
"shape": "triangle-up"
},
"encoding": {
"color": {
"field": "Date_value",
"scale": {"range": ["#EC6602", "#FFB400"]},
"legend": {"orient": "bottom"}
},
"x": {"field": "Date_Début", "type": "temporal"},
"y": {"field": "Référentiel", "type": "nominal"}
}
}
]
},
"resolve": {"scale": {"y": "independent"}}
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论