jQuery Forum

I'm facing a problem loading a simple external file with just one value into my jqplot meter gauge.

Here is my working fiddle with hardcoded data: https://jsfiddle.net/enqjh8m3/1/

I read through the jqplot documentation and looked at some examples but I just can't make it work. It's the first time I use jqplot and I'm not very experienced working with js. But havent we all started somewhere?

Here is my approach to load a file called keyscore.txt, which just contains

[66]

My not working code:

<script type="text/javascript">

var ajaxJqPlot = {
settings : {
    data_url : "keyscore.txt",
    element_id : "chart0"
},
plot : function(settings){
    t = this;
    $.extend(t.settings, settings);
    $.ajax({
        async : false,
        url : t.settings.data_url,
        dataType :"json",
        success : t.renderer
    });
},
renderer : function(res){
    t = this;
    $.jqplot('chart0',  res.data, {
   seriesDefaults: {
       renderer: $.jqplot.MeterGaugeRenderer,
       rendererOptions: {
         label: 'Keyword Health Score',
           labelPosition: 'bottom',
           min: 0,
           max: 100,
           intervals:[30, 60, 80, 100],
           intervalColors:['#cc6666', '#E7E658', '#93b75f', '#66cc66'],
         //  ringColor: '#363636',
         //  tickColor: '#363636',
           ringWidth: 0.5,
           padding: 30,
           background :"#ededed",
           ticks: [0, 15,50,75,100],
           intervalInnerRadius: 50,
           intervalOuterRadius: 120,
           hubRadius: 10,
         // needleThickness: 5,

       );

    }

};



 $(document).ready(function(){
ajaxJqPlot.plot();
});

A copy of keyscore.txt can be found here

Maybe someone can help me out and look at my code or point me into the right direction? Any help is very appreciated!