funnel_multicategory.json

{
  "data": [
    {
      "type": "funnel", "opacity": 0.8, "offset": -0.5, "width": 0.5,
      "cliponaxis": false,
      "textposition": "inside",
      "textinfo": "value+percent initial",
      "text": ["winter 2017", "spring 2017", "summer 2017", "autumn 2017", "winter 2018", "spring 2018", "summer 2018", "autumn 2018"],
      "x": [
        ["2017", "2017", "2017", "2017", "2018", "2018", "2018", "2018"],
        ["q1", "q2", "q3", "q4", "q1", "q2", "q3", "q4"]
      ],
      "y": [4000.004, 3000.003, 2000.002, 1000.001, 4000.004, 2000.002, 1000.001, 500.0005]
    },
    {
      "type": "funnel", "opacity": 0.8, "offset": -0.5, "width": 0.5,
      "cliponaxis": false,
      "textposition": "outside",
      "textinfo": "text+value+percent initial",
      "text": ["winter 2017", "spring 2017", "summer 2017", "autumn 2017", "winter 2018", "spring 2018", "summer 2018", "autumn 2018"],
      "x": [
        ["2017", "2017", "2017", "2017", "2018", "2018", "2018", "2018"],
        ["q1", "q2", "q3", "q4", "q1", "q2", "q3", "q4"]
      ],
      "y": [5000.005, 4000.004, 3000.003, 2000.002, 8000.008, 4000.004, 2000.002, 1000.001]
    },
    {
      "type": "waterfall", "opacity": 0.8, "offset": 0.0, "width": 0.5,
      "cliponaxis": false,
      "textposition": "inside",
      "insidetextrotate": "none",
      "textinfo": "text+final",
      "text": ["winter 2017", "spring 2017", "summer 2017", "autumn 2017", "winter 2018", "spring 2018", "summer 2018", "autumn 2018"],
      "x": [
        ["2017", "2017", "2017", "2017", "2018", "2018", "2018", "2018"],
        ["q1", "q2", "q3", "q4", "q1", "q2", "q3", "q4"]
      ],
      "y": [5000.005, -4000.004, -3000.003, -2000.002, 8000.008, -4000.004, -2000.002, -1000.001]
    }
  ],
  "layout": {
    "width": 1800,
    "height": 600,
    "margin": { "l": 50, "r": 50, "t": 50, "b": 50 },
    "xaxis": {
      "title": "MULTI-CATEGORY two stacked funnels with arrayOK text and one waterfall with textinfo",
      "tickfont": {"size": 16},
      "ticks": "outside",
      "tickprefix": "[",
      "ticksuffix": "]"
    },
    "yaxis": {
      "visible": false,
      "tickprefix": "$",
      "ticksuffix": " m"
    }
  }
}