{% extends "base.html" %} {% block container %} {{ chart.container }} {% endblock container %} {% block body_head %} {% if chart.jscript_head_flag %} {{chart.jscript_head}} {% endif %} {% endblock body_head %} {% block body_content %} Highcharts.setOptions({{chart.setoption}}); var option = {{chart.option}}; {% if chart.navi_seri_flag %} var navi_data = {{chart.navi_seri}} option.navigator.series = navi_data; {% endif %} var chart = new Highcharts.StockChart(option); {# DEM 2017/04/25: Use a list of JSONP data sources {# DEM 2017/07/27: This implementation is limited and could easily be improved! #} {% if chart.jsonp_data_flag %} {% for data_url in chart.jsonp_data_url_list %} $.getJSON({{data_url}}, function ({{chart.jsonp_data}}) { chart.addSeries({{chart.data_list[loop.index0]}}); }); {% endfor %} {% else %} var data = {{chart.data}}; var dataLen = data.length; for (var ix = 0; ix < dataLen; ix++) { chart.addSeries(data[ix]); } {% endif %} {% endblock body_content %} {% block body_end %} {% if chart.jscript_end_flag %} {{chart.jscript_end}} {% endif %} {% endblock body_end %}