line chart with ChartJS
HTML
<script src="https://rawgit.com/nnnick/Chart.js/master/Chart.min.js"></script>
<canvas id="myChart" style="width: 100%; height: auto;"></canvas>
JavaScript
var dynamicData = [
{ label: "One", value: 23 },
{ label: "Two", value: 33 },
{ label: "Three", value: 43 },
{ label: "Four", value: 53 },
]
dynamicData.forEach(function (e, i) {
e.color = "hsl(" + (i / dynamicData.length * 360) + ", 50%, 50%)";
e.highlight = "hsl(" + (i / dynamicData.length * 360) + ", 50%, 70%)";
})
var ctx = document.getElementById("myChart").getContext("2d");
var myPieChart = new Chart(ctx).Pie(dynamicData);