line chart with ChartJS

HTML

<script src="http://www.chartjs.org/assets/Chart.min.js"></script>
<canvas id="chart1" width="651" height="335"></canvas>
<canvas id="chart2" width="651" height="335"></canvas>

JavaScript

var myLabels = []
var myValues = []
for (var i = 0; i < 1000; i++) {
    myLabels.push("label" + i);
    myValues.push(Math.random() * 1000)
}

var data1 = {
    labels: myLabels,
    datasets: [{
        label: "My Dataset",
        fillColor: "rgba(244, 6, 6, 1)",
        data: myValues
    }]
};

var ctx = document.getElementById("chart1").getContext("2d");
window.weeksChart = new Chart(ctx).Bar(data1, {
    barShowStroke : false
});


var data2 = {
    labels: myLabels.map(function (e, index) {
         return index % 30 ? "" : e;
    }),
    datasets: [{
        label: "My Dataset",
        fillColor: "rgba(244, 6, 6, 1)",
        data: myValues
    }]
};

var ctx = document.getElementById("chart2").getContext("2d");
window.weeksChart = new Chart(ctx).Bar(data2, {
    barShowStroke : false
});