Highcharts xrange

Hi there,

Getting started with Highcharts and I am very interested in making an x-range series chart as shown in the demo here: X-range series Demo | Highcharts

However, when I copy after I converted this sample JS code into JSON, I can’t seem to get this sample to show in Quicksight. It seem that xrange is part of the core library so what I am missing here?

{
  "chart": {
    "type": "xrange"
  },
  "title": {
    "text": "Highcharts X-range"
  },
  "accessibility": {
    "point": {
      "descriptionFormat": "{add index 1}. {yCategory}, {x:%A %e %B %Y} to {x2:%A %e %B %Y}."
    }
  },
  "xAxis": {
    "type":"datetime"
  },
  "yAxis": {
    "title": {
      "text": ""
    },
    "categories": [
      "Prototyping",
      "Development",
      "Testing"
    ],
    "reversed": true
  },
  "series": [
    {
      "name": "Project 1",
      "borderColor": "gray",
      "pointWidth": 20,
      "data": [
        {
          "x": "2014-11-21",
          "x2": "2014-12-02",
          "y": 0,
          "partialFill": 0.25
        },
        {
          "x": "2014-12-02",
          "x2": "2014-12-05",
          "y": 1
        },
        {
          "x": "2014-12-08",
          "x2": "2014-12-09",
          "y": 2
        },
        {
          "x": "2014-12-09",
          "x2": "2014-12-19",
          "y": 1
        },
        {
          "x": "2014-12-10",
          "x2": "2014-12-23",
          "y": 2
        }
      ],
      "dataLabels": {
        "enabled": true
      }
    }
  ]
}

@cascadia_runner you can refer the demo central dashboard for your example - Samples tab> https://democentral.learnquicksight.online/#Dashboard-FeatureDemo-Highcharts-Visual