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":[2004,2005,2006,2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020,2021],"datasets":[{"label":"Tr\u017eby + v\u00fdnosy","data":[2517891522,2933180641,3096561110,2434807143,2901974000,2530674000,2528850000,2113520000,2757000000,1779807000,1544330000,1358446000,1280269000,1493770000,1526024000,1109526000,1200093000,1925704000],"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(); }