{
  "backgroundColor": "#f0f5ff",
  "animation": false,
  "textStyle": {
    "fontFamily": "Arial, sans-serif",
    "color": "#183255"
  },
  "aria": {
    "enabled": true,
    "label": {
      "description": "Where revenue meets total cost. Revenue and Total cost and Fixed cost across 7 points, in the supplied order. Horizontal spacing reflects numeric distance. Exact values are in the editable data table."
    }
  },
  "title": [
    {
      "text": "CHANGE / LINE GRAPH",
      "left": 62.22222222222222,
      "top": 46.666666666666664,
      "textStyle": {
        "color": "#617492",
        "fontSize": 17.77777777777778,
        "fontWeight": "normal"
      }
    },
    {
      "text": "Where revenue meets total cost",
      "subtext": "Illustrative model · $20 price · $8 variable cost per unit",
      "left": 62.22222222222222,
      "top": 99.55555555555556,
      "itemGap": 16,
      "textStyle": {
        "color": "#183255",
        "fontSize": 51.55555555555555,
        "fontWeight": 600,
        "width": 1465.5555555555557,
        "overflow": "break",
        "lineHeight": 59.28888888888888
      },
      "subtextStyle": {
        "color": "#617492",
        "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": "#617492",
        "fontSize": 17.77777777777778,
        "fontWeight": "normal",
        "width": 1465.5555555555557,
        "overflow": "truncate"
      }
    }
  ],
  "tooltip": {
    "trigger": "axis",
    "renderMode": "richText",
    "confine": true,
    "backgroundColor": "#183255",
    "borderWidth": 0,
    "padding": 12,
    "textStyle": {
      "color": "#f0f5ff",
      "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": [
      "Revenue",
      "Total cost",
      "Fixed cost"
    ],
    "textStyle": {
      "color": "#183255",
      "fontSize": 19.555555555555554
    },
    "itemWidth": 18,
    "itemHeight": 8
  },
  "xAxis": {
    "type": "value",
    "scale": true,
    "min": "dataMin",
    "max": "dataMax",
    "name": "Units sold",
    "nameLocation": "middle",
    "nameGap": 67.55555555555556,
    "nameTextStyle": {
      "color": "#617492",
      "fontSize": 19.555555555555554
    },
    "axisLabel": {
      "color": "#617492",
      "fontSize": 17.77777777777778,
      "hideOverlap": true,
      "width": 177.77777777777777,
      "overflow": "truncate"
    },
    "axisLine": {
      "lineStyle": {
        "color": "#d2deef"
      }
    },
    "axisTick": {
      "show": false
    },
    "splitLine": {
      "show": false
    }
  },
  "yAxis": {
    "type": "value",
    "scale": false,
    "name": "Amount (USD)",
    "nameLocation": "middle",
    "nameGap": 85.33333333333333,
    "nameRotate": 90,
    "nameTextStyle": {
      "color": "#617492",
      "fontSize": 19.555555555555554,
      "width": 720,
      "overflow": "truncate"
    },
    "axisLabel": {
      "color": "#617492",
      "fontSize": 17.77777777777778
    },
    "splitNumber": 5,
    "splitLine": {
      "lineStyle": {
        "color": "#d2deef",
        "type": "dashed"
      }
    }
  },
  "series": [
    {
      "type": "line",
      "name": "Revenue",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445,
        "type": "solid"
      },
      "itemStyle": {
        "color": "#185bc3"
      },
      "data": [
        [
          0,
          0
        ],
        [
          50,
          1000
        ],
        [
          100,
          2000
        ],
        [
          150,
          3000
        ],
        [
          200,
          4000
        ],
        [
          250,
          5000
        ],
        [
          300,
          6000
        ]
      ]
    },
    {
      "type": "line",
      "name": "Total cost",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445,
        "type": "dashed"
      },
      "itemStyle": {
        "color": "#42a3a6"
      },
      "data": [
        [
          0,
          1200
        ],
        [
          50,
          1600
        ],
        [
          100,
          2000
        ],
        [
          150,
          2400
        ],
        [
          200,
          2800
        ],
        [
          250,
          3200
        ],
        [
          300,
          3600
        ]
      ]
    },
    {
      "type": "line",
      "name": "Fixed cost",
      "smooth": false,
      "connectNulls": false,
      "showSymbol": true,
      "symbol": "circle",
      "symbolSize": 10.666666666666666,
      "lineStyle": {
        "width": 4.444444444444445,
        "type": "solid"
      },
      "itemStyle": {
        "color": "#8a66c3"
      },
      "data": [
        [
          0,
          1200
        ],
        [
          50,
          1200
        ],
        [
          100,
          1200
        ],
        [
          150,
          1200
        ],
        [
          200,
          1200
        ],
        [
          250,
          1200
        ],
        [
          300,
          1200
        ]
      ]
    }
  ]
}