Basic HTML5 Chart Example - CanvasJS

Basic HTML5 Chart Example

by Jernej Slejko

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var name = 'IP';
var dataSource =[
    {
        "y": 100,
        "decimal": 3649708349,
        "label": "217.138.33.61",
        "x": 257
    },
    {
        "y": 10,
        "decimal": 3649707082,
        "label": "217.138.28.74",
        "x": 256
    },
    {
        "y": 2,
        "decimal": 3645879590,
        "label": "217.79.181.38",
        "x": 255
    },
    {
        "y": 7,
        "decimal": 3645212096,
        "label": "217.69.133.192",
        "x": 254
    },
    {
        "y": 5,
        "decimal": 3645211976,
        "label": "217.69.133.72",
        "x": 253
    },
    {
        "y": 5,
        "decimal": 3645211964,
        "label": "217.69.133.60",
        "x": 252
    },
    {
        "y": 5,
        "decimal": 3645211963,
        "label": "217.69.133.59",
        "x": 251
    },
    {
        "y": 3,
        "decimal": 3645211935,
        "label": "217.69.133.31",
        "x": 250
    },
    {
        "y": 7,
        "decimal": 3645211934,
        "label": "217.69.133.30",
        "x": 249
    },
    {
        "y": 9,
        "decimal": 3645211933,
        "label": "217.69.133.29",
        "x": 248
    },
    {
        "y": 4,
        "decimal": 3645211932,
        "label": "217.69.133.28",
        "x": 247
    },
    {
        "y": 4,
        "decimal": 3645211919,
        "label": "217.69.133.15",
        "x": 246
    },
    {
        "y": 18,
        "decimal": 3634254540,
        "label": "216.158.82.204",
        "x": 245
    },
    {
        "y": 2,
        "decimal": 3633385102,
        "label": "216.145.14.142",
        "x": 244
    },
    {
        "y": 16,
        "decimal": 3588949459,
        "label": "213.235.5.211",
        "x": 243
    },
    {
        "y": 4,
        "decimal": 3580046084,
        "label": "213.99.43.4",
        "x": 242
    },
    {
        "y": 2,
        "decimal": 3562388967,
        "label": "212.85.189.231",
        "x": 241
    },
    {
        "y": 2,
        "decimal": 3562388744,
       ...