function renderIPChart(targetId, options) { var canvasId = 'ipcanvas_' + Math.floor(1000 * Math.random()); if (!targetId) { targetId = canvasId + '_div'; document.write('
'); } var html = '' + '
'; document.getElementById(targetId).innerHTML = '' + html + ''; var chartData = {"labels":[2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021,2022,2023],"datasets":[{"label":"Tr\u017eby + v\u00fdnosy","data":[935139,905726,759901,696908,714318,714367,788008,848562,951724,1048740,1022603,1228123,1399471,1946216,2136609,1801750],"fillColor":"rgba(43,153,193,0.2)","strokeColor":"rgba(43,153,193,1)","pointColor":"rgba(43,153,193,1)","pointHighlightFill":"rgba(255,255,255,1)"}]}; if (options) { for (var key in options) { chartData['datasets'][0][key] = options[key]; } } var char_options = { bezierCurve: false, scaleLabel : '<%= Number(value).toLocaleString().replace(/,/g, " ") %>', tooltipTemplate: '<%= Number(value).toLocaleString().replace(/,/g, " ") %> €', legendTemplate: '<% for (var i=0; i\    \  <%= datasets[i].label %> \ <% } %>' }; var chart_ctx = document.getElementById(canvasId).getContext('2d'); var chart = new Chart(chart_ctx).Line(chartData, char_options); document.getElementById(canvasId + '_legend').innerHTML = chart.generateLegend(); }