title

{{#nf-graph
    selected=selectedLine
    width=400
    height=150
    showFrets=true
    paddingTop=10
    paddingRight=10}}

  {{#nf-x-axis tickCount=5}}
    <text>{{format-hour-minute tick.value}}</text>
  {{/nf-x-axis}}

  {{#nf-y-axis}}
    <text>{{tick.value}}</text>
  {{/nf-y-axis}}


  {{#nf-graph-content}}
    {{nf-vertical-line x=selectedLine.hoverData.x}}
    {{nf-horizontal-line y=selectedLine.hoverData.y}}

    {{nf-line data=graphData xprop="date" yprop="low" trackingMode="snap-last" selectable=true interpolator="monotone"}}
    {{nf-line data=graphData xprop="date" yprop="medium" trackingMode="snap-last" selectable=true selected=true interpolator="monotone"}}
    {{nf-line data=graphData xprop="date" yprop="high" trackingMode="snap-last" selectable=true interpolator="monotone"}}
  {{/nf-graph-content}}

{{/nf-graph}}

<div>
  <span>Selected Time: {{format-hour-minute selectedLine.hoverData.x}}</span><span> Value: {{selectedLine.hoverData.y}}</span>
</div>