       }]
     options: barOptions('ISO count')
   }
+
+clickISO = (chart) ->
+  document.getElementById('isoChart').onclick = (evt) ->
+    points = chart.getElementsAtEvent(evt)
+    iso = points[0]._model.label
+    addParams({iso: iso})
 
 fNumberGroup = [0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5, 5.5, 6, 7, 8, 9, 10, 12, 14, 16, 18, 20, 25, 30]
 renderFNumberGraph = (elems) ->

      }]
    options: barOptions('F-Number count')
  }

exposureGroup = [-30, -15, -8, -4, -2, 1, 2, 4, 8, 15, 30, 60, 125, 250, 500, 1000, 2000, 4000, 8000, 16000].reverse()
renderExposureGraph = (elems) ->

$(document).ready ->
  params = new URLSearchParams(location.search.slice(1))
  id = params.get('userId')
  fetch("/api/user/#{id}/focal?#{params.toString()}")
    .then (res) -> res.json()
    .then (json) ->
      chart = renderFocalGraph(json)
      clickFocal(chart)
  fetch("/api/user/#{id}/iso?#{params.toString()}")
    .then (res) -> res.json()
    .then (json) ->
      chart = renderISOGraph(json)
      clickISO(chart)
  fetch("/api/user/#{id}/f_number?#{params.toString()}")
    .then (res) -> res.json()
    .then (json) ->
      chart = renderFNumberGraph(json)
      clickFNumber(chart)
  fetch("/api/user/#{id}/exposure?#{params.toString()}")
    .then (res) -> res.json()
    .then (json) ->
      chart = renderExposureGraph(json)
      clickExposure(chart)
  fetch("/api/user/#{id}/camera?#{params.toString()}")
    .then (res) -> res.json()
    .then (json) ->
      chart = renderCameraGraph(json)
      clickCamera(chart)
  fetch("/api/user/#{id}/lens?#{params.toString()}")
    .then (res) -> res.json()
    .then (json) ->
      chart = renderLensGraph(json)
      clickLens(chart)

focalGroup = [10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80, 90, 100, 150, 200, 250, 300, 400, 500, 600, 800, 1000, 1500, 2000]
renderFocalGraph = (elems) ->
