{
  "backgroundColor": "#202522",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#f3f5eb"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Three routes to the same destination. Online and In store and Wholesale across 5 points, in the supplied order. Labels are equally spaced. Exact values are in the editable data table."
    }
  },
  "title": [
    {
      "text": "CHANGE / LINE GRAPH",
      "left": 62.22222222222222,
      "top": 46.666666666666664,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 17.77777777777778,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Three routes to the same destination",
      "subtext": "Original worked example · fictional data",
      "left": 62.22222222222222,
      "top": 99.55555555555556,
      "itemGap": 16,
      "textStyle": {
        "color": "#f3f5eb",
        "fontSize": 51.55555555555555,
        "fontWeight": 600,
        "width": 1465.5555555555557,
        "overflow": "break",
        "lineHeight": 59.28888888888888
      },
      "subtextStyle": {
        "color": "#abb7ab",
        "fontSize": 21.333333333333332,
        "width": 1475.5555555555557,
        "overflow": "truncate"
      }
    },
    {
      "text": "Source: fictional example data. Replace with your own.",
      "left": 62.22222222222222,
      "bottom": 24.888888888888886,
      "textStyle": {
        "color": "#abb7ab",
        "fontSize": 17.77777777777778,
        "fontWeight": "normal",
        "width": 1465.5555555555557,
        "overflow": "truncate"
      }
    }
  ],
  "tooltip": {
    "trigger": "axis",
    "renderMode": "richText",
    "confine": true,
    "backgroundColor": "#f3f5eb",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#202522",
      "fontSize": 12
    }
  },
  "useUTC": true,
  "grid": {
    "top": 224,
    "left": 126.22222222222223,
    "right": 74.22222222222223,
    "bottom": 209.77777777777777
  },
  "legend": {
    "bottom": 71.11111111111111,
    "left": "center",
    "selectedMode": false,
    "data": [
      "Online",
      "In store",
      "Wholesale"
    ],
    "textStyle": {
      "color": "#f3f5eb",
      "fontSize": 19.555555555555554
    },
    "itemWidth": 18,
    "itemHeight": 8
  },
  "xAxis": {
    "type": "category",
    "data": [
      "Week 1",
      "Week 2",
      "Week 3",
      "Week 4",
      "Week 5"
    ],
    "boundaryGap": false,
    "name": "Week",
    "nameLocation": "middle",
    "nameGap": 67.55555555555556,
    "nameTextStyle": {
      "color": "#abb7ab",
      "fontSize": 19.555555555555554
    },
    "axisLabel": {
      "color": "#abb7ab",
      "fontSize": 17.77777777777778,
      "hideOverlap": true,
      "width": 177.77777777777777,
      "overflow": "truncate"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#414a42"
      }
    },
    "axisTick": {
      "show": false
    },
    "splitLine": {
      "show": false
    }
  },
  "yAxis": {
    "type": "value",
    "scale": false,
    "name": "Completed orders",
    "nameLocation": "middle",
    "nameGap": 85.33333333333333,
    "nameRotate": 90,
    "nameTextStyle": {
      "color": "#abb7ab",
      "fontSize": 19.555555555555554,
      "width": 720,
      "overflow": "truncate"
    },
    "axisLabel": {
      "color": "#abb7ab",
      "fontSize": 17.77777777777778
    },
    "splitNumber": 5,
    "splitLine": {
      "lineStyle": {
        "color": "#414a42",
        "type": "dashed"
      }
    }
  },
  "series": [
    {
      "type": "line",
      "name": "Online",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445,
        "type": "solid"
      },
      "itemStyle": {
        "color": "#d3ef85"
      },
      "data": [
        40,
        55,
        70,
        85,
        100
      ]
    },
    {
      "type": "line",
      "name": "In store",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445,
        "type": "dashed"
      },
      "itemStyle": {
        "color": "#b4a0e4"
      },
      "data": [
        65,
        62,
        60,
        64,
        68
      ]
    },
    {
      "type": "line",
      "name": "Wholesale",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445,
        "type": "solid"
      },
      "itemStyle": {
        "color": "#7fcac2"
      },
      "data": [
        25,
        30,
        35,
        40,
        45
      ]
    }
  ]
}