Basic HTML5 Chart Example - CanvasJS

Basic HTML5 Chart Example

HTML

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

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
	{
  "data": [
    {
      "type": "spline",
      "lineThickness": 2,
      "markerType": "circle",
      //"markerColor": "white",
      "markerSize": 7,
      "markerBorderThickness": 1,
      "markerBorderColor": "red",
      "color": "red",
      "showInLegend": true,
      "dataPoints": [
        {
          "x": 1,
          "y": 297571,
          "label": "Venezuela"
        },
        {
          "x": 2,
          "y": 267017,
          "label": "Saudi"
        },
        {
          "x": 3,
          "y": 175200,
          "label": "Canada"
        },
        {
          "x": 4,
          "y": 154580,
          "label": "Iran"
        },
        {
          "x": 5,
          "y": 116000,
          "label": "Russia"
        },
        {
          "x": 6,
          "y": 97800,
          "label": "UAE"
        },
        {
          "x": 7,
          "y": 20682,
          "label": "US"
        },
        {
          "x": 8,
          "y": 20350,
          "label": "China"
        }
      ]
    }
  ],
  "title": {
    "text": "title",
    "verticalAlign": "top",
    "horizontalAlign": "center",
    "fontSize": "30",
    "fontFamily": "Calibri, Optima, Candara",
    "fontWeight": "bold",
    "fontColor": "#3A3A3A",
    "fontStyle": "normal",
    "borderThickness": 0,
    "cornerRadius": 0,
    "borderColor": "black",
    "backgroundColor": "#FFF",
    "margin": 10,
    "padding": 0
  },
  "legend": {
    "fontSize": "30",
    "fontFamily": "Calibri, Optima, Candara",
    "fontWeight": "bold",
    "fontColor": "#3A3A3A",
    "fontStyle": "normal",
    "verticalAlign": "bottom",
    "horizontalAlign": "center"
  },
  "axisX": {
    "titleFontSize": "10",
    "titleFontFamily": "Calibri, Optima, Candara",
    "titleFontWeight": "bold",
    "titleFontColor": "#3A3A3A",
    "titleFontStyle": "normal",
    "margin": 10,
    "labelAngle": 0,
    "labelFontFamily": "Calibri, Optima, Candara",
    "labelFontColor":...