Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer",
{
  zoomEnabled: true,
  zoomType: "xy",
	"title":{
         "text":"12.10.2017 10:12"
      },
      "dataPointMaxWidth":null,
      "chartIndex":0,
      "duration":8.5073,
      "axisX":{
         "title":"seconds",
         "logarithmic":false,
         "labelFontFamily":"Segoe UI",
         "labelFontWeight":"normal",
         "lineThickness":1,
         "lineColor":"#EEEEEE",
         "labelFontSize":12,
         "gridThickness":1,
         "gridColor":"#EEEEEE",
         "interlacedColor":null,
         "tickThickness":1,
         "titleFontSize":12.0,
         "viewportMinimum":null,
         "viewportMaximum":null,
         "includeZero":false
      },
      "axisY":[
         {
            "title":"r",
            "logarithmic":false,
            "labelFontFamily":"Segoe UI",
            "labelFontWeight":"normal",
            "lineThickness":1,
            "lineColor":"#EEEEEE",
            "labelFontSize":12,
            "gridThickness":1,
            "gridColor":"#EEEEEE",
            "interlacedColor":"#FAFAFA",
            "tickThickness":1,
            "titleFontSize":12.0,
            "viewportMinimum":null,
            "viewportMaximum":null,
            "includeZero":false
         }
      ],
      "axisY2":[

      ],
      "data":[
         {
            "measurementUnit":"r",
            "axisYIndex":0,
            "axisYType":"primary",
            "showInLegend":true,
            "xValueFormatString":"'outputX0' ###,###,##0.#### ['seconds']",
            "yValueFormatString":" ###,###,##0.#### ['r']",
            "type":"line",
            "name":"outputX0",
            "lineThickness":2,
            "visible":true,
            "dataPoints":[
               {
                  "y":10.00210831
               },
               {
                  "y":10.00361893,
                  "x":0.0048
               },
               {
                  "y":10.00568268,
                  "x":0.0095
    ...