RGraph.AJAX.getCSV('/data/proposals.txt', function (data)
    {
        new RGraph.Bar({
            id: 'cvs2',
            
            // Use the CSV data directly in the chart configuration
            data: data,

            options: {
                colors: ['gradient(#3c649f:#83aff0)'],
                xaxisLabels: ['-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10'],
                marginLeft: 35,
                
                // This sets it so that the bar chart is drawn as a 3D variant
                variant: '3d',

                // 3D Bar charts look better with a transparent stroke color
                colorsStroke: 'transparent',

                marginInnerGrouped: true,
                backgroundGridVlines: false,
                backgroundGridBorder: false,
                shadowOffsetx: 10,
                marginBottom: 75,
                xaxis: false,
                yaxis: false,
                textColor: '#B1C1D9',
                
                tooltips: '<span style="font-size: 12pt">Submitted</span><br /><span style="font-size: 20pt">%{value}</span><br /><span style="font-size: 12pt">Proposals</span>'
            }
        
        // The grow() animation effect is used and works just like a regular Bar chart. Some
        // responsive capability is also added.
        }).grow().responsive([
            {maxWidth: null,width:450,height:250,options:{marginInner: 10,textSize:10}},
            {maxWidth: 400,width:450,height:250,options:{marginInner: 5,textSize:8}}
        ]);
    });

horseshoe = new RGraph.Horseshoe({

id: 'cvs',
min: 0,
max: 100,
value: 4.74,
options: {
    colors: ['#83aff0', '#3c649f'],
    textColor: '#B1C1D9',
    textSize: '22',
    labelsCenterUnitsPost: '%',
    width: '5',
    endsColor: '#3c649f',
    endsStroke:'#83aff0'
}
}).grow();
    
update = function()
{

$(document).ready(function() {

            $.ajax({url: "https://www.cobrastakes.com/includes/ghettoCron.php", success: function(result){
            var ret = "Percent Of Epoch " + result + " Complete";
            $("#epoch").html(ret);
            }});
            $.ajax({url: "https://www.cobrastakes.com/includes/staked.php", success: function(result){
            var ret = "<p>There are currently: </p><p><h1>" + result + " XRD </h1></p><p>delegated to the Cobra Stakes validator.</p><p>Validator: <a href=\"https://explorer.radixdlt.com/#/validators/rv1q2x9yj085lg8qakwlkcj2vexwvh2ag5nh6qtftw6c9r9hgnz5u7yxq0n2ar\">rv...7yxq0n2ar</a></p>";
            $("#staked").html(ret);
            }}); 
            $.ajax({url: "https://www.cobrastakes.com/includes/view.php", success: function(result){
            horseshoe.value = result;
            $("#cvs").html(horseshoe.grow());
            }});
   setTimeout(update, 5000);
});
};

setTimeout(update, 5000);