Deneb - Insert vertical lines into gant chart

Question

I have this code

    {
  "data": {"name": "dataset"},
  "mark": {
    "type": "bar",
    "cornerRadius": 5
  },
  "encoding": {
    "y": {
      "field": "Space_CON",
      "type": "ordinal",
      "axis": {"title": "Space"}
    },
    "yOffset": {"field": "Typ"},
    "color": {"field": "Typ"},
    "x": {
      "field": "start_n",
      "type": "quantitative",
      "axis": {"title": "Hour"}
    },
    "x2": {"field": "end_n"}
  }
}

I want insert two vertical red lines coresponding with X axe values 7 and 17 how I can do this ? i tried something with layers but still faild on erors

can anybody helps me ?

Sample data:

Expected result:

Please provide some sample data so we can help you. Please also mark your old questions as solved... — Davide Bacci, Feb 23 '23 at 11:36
I added sample data and expected result. values start_n and end_n are decimal numbers. — milenjao, Mar 02 '23 at 06:11

Davide Bacci · Accepted Answer · 2023-03-06T21:44:23.810

1

I can't use your sample data as it is an image. I will use the example I pointed you to last time to illustrate how to do this and you should be able to follow along. Please mark your last question as solved.

{
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "description": "A simple bar chart with ranged data (aka Gantt Chart).",
  "width":500,
  "data": {
    "values": [
      {"task": "A", "start": 1, "end": 3},
      {"task": "B", "start": 3, "end": 8},
      {"task": "C", "start": 8, "end": 10}
    ]
  },
  "layer": [
    {
      "mark": "bar",
      "encoding": {
        "y": {"field": "task", "type": "ordinal"},
        "x": {"field": "start", "type": "quantitative"},
        "x2": {"field": "end"}
      }
    },
    {
      "mark": "rule",
      "encoding": {
        "x": {"datum": 3, "type": "quantitative"},
        "stroke": {"value": "red"}
      }
    },
    {
      "mark": "rule",
      "encoding": {
        "x": {"datum": 7, "type": "quantitative"},
        "stroke": {"value": "red"}
      }
    }
  ]
}

edited Mar 06 '23 at 21:44

answered Mar 02 '23 at 08:24

Davide Bacci

16,647
3
10
36

great ! thanks and how add Axe X number steps per step 1 .... – milenjao Mar 06 '23 at 12:52
Sorry, I don't understand? – Davide Bacci Mar 06 '23 at 13:19
see result picture, grid markings for x values 2 4 6 8 10 are present but missing 1,3,5,7,9 ... can be added ? – milenjao Mar 06 '23 at 20:47
Just add a width. I have updated the code for you. – Davide Bacci Mar 06 '23 at 21:44

Deneb - Insert vertical lines into gant chart

1 Answers1