Astro Chart JS

Chart

HTML

                
<html>
<head></head>
<body>
    <canvas id="canvas-body"></canvas>
</body>
</html>
                
            

JS

                
var data =

    [
        {
            'planet': 'sun',
            'rasi': 7,
            'padam': 1
        },
        {
            'planet': 'moon',
            'rasi': 2,
            'padam': 2
        },
        {
            'planet': 'mars',
            'rasi': 2,
            'padam': 1
        },
        {
            'planet': 'mercury',
            'rasi': 3,
            'padam': 1
        },
        {
            'planet': 'jupitar',
            'rasi': 5,
            'padam': 1
        },
        {
            'planet': 'saturn',
            'rasi': 7,
            'padam': 2
        },
        {
            'planet': 'venus',
            'rasi': 7,
            'padam': 1
        },
        {
            'planet': 'rahu',
            'rasi': 12,
            'padam': 1
        },
        {
            'planet': 'ketu',
            'rasi': 9,
            'padam': 1
        }
    ];

var element_id = 'canvas-body';
var canvasHeight = 400;
var canvasWidth = 400;
var chart = createChart(element_id, canvasWidth, canvasHeight, data);