{
  "backgroundColor": "#f0f5ff",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#183255"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Sales through a changing season. Sales across 6 points, in the supplied order. Labels are equally spaced. Exact values are in the editable data table."
    }
  },
  "title": [
    {
      "text": "CHANGE / LINE GRAPH",
      "left": 46.666666666666664,
      "top": 35,
      "textStyle": {
        "color": "#617492",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Sales through a changing season",
      "subtext": "Original worked example · fictional data",
      "left": 46.666666666666664,
      "top": 74.66666666666667,
      "itemGap": 12,
      "textStyle": {
        "color": "#183255",
        "fontSize": 38.666666666666664,
        "fontWeight": 600,
        "width": 1096.6666666666667,
        "overflow": "break",
        "lineHeight": 44.46666666666666
      },
      "subtextStyle": {
        "color": "#617492",
        "fontSize": 16,
        "width": 1106.6666666666667,
        "overflow": "truncate"
      }
    },
    {
      "text": "Source: fictional example data. Replace with your own.",
      "left": 46.666666666666664,
      "bottom": 18.666666666666664,
      "textStyle": {
        "color": "#617492",
        "fontSize": 13.333333333333332,
        "fontWeight": "normal",
        "width": 1096.6666666666667,
        "overflow": "truncate"
      }
    }
  ],
  "tooltip": {
    "trigger": "axis",
    "renderMode": "richText",
    "confine": true,
    "backgroundColor": "#183255",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#f0f5ff",
      "fontSize": 12
    }
  },
  "useUTC": true,
  "grid": {
    "top": 168,
    "left": 94.66666666666666,
    "right": 58.666666666666664,
    "bottom": 157.33333333333331
  },
  "legend": {
    "bottom": 53.33333333333333,
    "left": "center",
    "selectedMode": false,
    "data": [
      "Sales"
    ],
    "textStyle": {
      "color": "#183255",
      "fontSize": 14.666666666666666
    },
    "itemWidth": 18,
    "itemHeight": 8
  },
  "xAxis": {
    "type": "category",
    "data": [
      "Jan",
      "Feb",
      "Mar",
      "Apr",
      "May",
      "Jun"
    ],
    "boundaryGap": false,
    "name": "Month",
    "nameLocation": "middle",
    "nameGap": 50.666666666666664,
    "nameTextStyle": {
      "color": "#617492",
      "fontSize": 14.666666666666666
    },
    "axisLabel": {
      "color": "#617492",
      "fontSize": 13.333333333333332,
      "hideOverlap": true,
      "width": 133.33333333333331,
      "overflow": "truncate"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#d2deef"
      }
    },
    "axisTick": {
      "show": false
    },
    "splitLine": {
      "show": false
    }
  },
  "yAxis": {
    "type": "value",
    "scale": false,
    "name": "Sales (USD)",
    "nameLocation": "middle",
    "nameGap": 64,
    "nameRotate": 90,
    "nameTextStyle": {
      "color": "#617492",
      "fontSize": 14.666666666666666,
      "width": 540,
      "overflow": "truncate"
    },
    "axisLabel": {
      "color": "#617492",
      "fontSize": 13.333333333333332
    },
    "splitNumber": 5,
    "splitLine": {
      "lineStyle": {
        "color": "#d2deef",
        "type": "dashed"
      }
    }
  },
  "series": [
    {
      "type": "line",
      "name": "Sales",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 8,
      "lineStyle": {
        "width": 3.333333333333333,
        "type": "solid"
      },
      "itemStyle": {
        "color": "#185bc3"
      },
      "data": [
        4200,
        4800,
        4500,
        6100,
        6700,
        7200
      ]
    }
  ]
}