Basic line chart with dateTime values - CanvasJS

Basic line chart with dateTime values - CanvasJS

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%; margin-left:auto; margin-right:auto;"></div>

JavaScript

var  chart = new CanvasJS.Chart("chartContainer", {
            zoomEnabled:true,
            animationEnabled: true,
            title: {
                text: "Battery Chart",
                fontSize: 20
            },
            axisX: {
                title: "",
                valueFormatString: "MM/DD" ,
                labelAngle: -50,
                minimum: new Date (2015,3,1),  // change here
                maximum: new Date (2015,3,2),
                interval: 1,
                intervalType: "day",
                labelFontSize: 12
            },
            axisY: {
                includeZero: false,
                title: "Battery (v)",
                titleFontSize: 18,
                labelFontSize: 12,
                valueFormatString: "##0.00"
            },
            data: [  
                    {
                        markerType: "circle",// "square", "cross", "none"
                        markerSize: 10,
                        type: "line",
                        color: "Green",
                        lineThickness:3,
                        name: "Battery",
                        showInLegend: true,
                        xValueType: "dateTime",
                        xValueFormatString:"MM/DD/YY HH:mm",
                        yValueFormatString: "##0.00",
                        toolTipContent: "<strong>Date:</strong> {x}<br/>{name}: {y}",
                        dataPoints: [
                        { x: 1427853994000, y: 3.9},{ x: 1427854029000, y: 3.9},{ x: 1427854372000, y: 3.9},{ x: 1427855017000, y: 3.9},{ x: 1427855661000, y: 3.9},{ x: 1427856303000, y: 3.9},{ x: 1427856950000, y: 3.9},{ x: 1427857594000, y: 3.9},{ x: 1427858235000, y: 3.9},{ x: 1427858885000, y: 3.9},{ x: 1427859529000, y: 3.9},{ x: 1427860174000, y: 3.9},{ x: 1427860821000, y: 3.9},{ x: 1427861467000, y: 3.9},{ x: 1427862114000, y: 3.9},{ x: 1427862761000, y: 3.9},{ x: 1427863407000, y: 3.9},{ x: 1427864054000, y: 3.9},{ x: 1427864701000, y:...