One more option.
Highcharts | Highcharts Demo[
^]
This is well implemented, tested and widely used solution.
You can plot a graph which will look like a horizontal line without any background. you can add your various points on that row. Look at the various options of graph.
Edit fiddle - JSFiddle[
^]
change the javascript code to
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Stacked bar chart'
},
xAxis: {
},
yAxis: {
min: 0,
title: {
text: 'Total fruit consumption'
}
},
legend: {
reversed: false
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [{
data: [5]
}, {
data: [2]
}, {
data: [3]
}]
});
});
Check if you can change UI of this graph to accomplish your requirement of you can use line graphs etc...