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":[947621,1696118,2217720,4933445,2071194,2550575,1125551,1950423,792812,1384848,1286692,887415,441659,456119,859394],"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(); }