Google Charts で折れ線グラフ

無料で使えるグラフ描画 JS ライブラリ Google Chats の中でも
棒グラフは使う頻度が高いと思います。

Line Chat - Google Chats
https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart

グラフのデータを２次元配列で渡すと描画してくれます。
一番左の列が X 軸に相当するラベル、
２列目以降がデータになります。

var data = google.visualization.arrayToDataTable([
  ['Year', 'Sales', 'Expenses'],
  ['2004',  1000,      400],
  ['2005',  1170,      460],
  ['2006',  660,       1120],
  ['2007',  1030,      540]
]);