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],"datasets":[{"label":"Tr\u017eby + v\u00fdnosy","data":[12340024,5329083,4031286,2165506,2287216,2348133,5272724,2861526,3344811,4311961,5580348,5278271,4459936,7773465,7950790],"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(); }