如何使用带有Javascript的jjax而不是jquery将JSON数据获取到高级图表

Question

我更新鲜，并且一直在开发静态网站。但最近他们开始训练我使用动态网站。所以我们遇到了图表，所以我选择了HighCharts。但我无法使用AJAX从JSON文件中提供数据。所以请指导我。作为一个更新鲜的人，我首先集中精力从JSON获得标题。但专家请评论如何获取数据.... 这是我的HighCharts Code.Please不要使用JQUERY ......

var i = 1,
    chart;
    $(function () {
        chart = Highcharts.chart('container', {
        chart: {
          type: 'bar'
        },
        title: {
          text: ''
        },
        subtitle: {
          text: "This is a sample"
        },
        xAxis: {
          categories: ['Apples', 'Bananas', 'Oranges']
        },
        yAxis: {
          title: {
            text: 'Fruit eaten'
          }
        },
        series: [{
          name: 'Jane',
          data: [1, 2, 4]
        }, {
          name: 'John',
          data: [3, 5, 7]
        }]
      });
    });

这是我的JSON

{
    "type":"This is a smaple JSON"
}

这是我的AJAX

window.onload=function()
    {
    var Request=new XMLHttpRequest();
    Request.open("GET","animal.json");
    Request.onload = function()
    {
        var datas=JSON.parse(Request.responseText);
        parsess(datas);
    }
    Request.send();
    }

    function parsess(ourData)
    {
        chart.title.text=ourData.type;
    }

例如，当我按下按钮时，我应该获得图表中的标题..