{"id":3901,"date":"2025-10-25T02:38:12","date_gmt":"2025-10-24T23:38:12","guid":{"rendered":"https:\/\/hayitaron.co.il\/graphs\/"},"modified":"2026-08-17T18:41:53","modified_gmt":"2026-08-17T15:41:53","slug":"graphs","status":"publish","type":"page","link":"https:\/\/hayitaron.co.il\/en\/graphs\/","title":{"rendered":"Graphs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3901\" class=\"elementor elementor-3901 elementor-3446\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2b7274 e-flex e-con-boxed e-con e-parent\" data-id=\"e2b7274\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a95343 elementor-widget elementor-widget-shortcode\" data-id=\"1a95343\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"chart-no-labels\">\n\t\t<div class=\"chart-container\" style=\"margin:0 auto;text-align:center;position:relative;\">\n\t\t<h3 style=\"margin-bottom:10px;\">How satisfied are you with the overall service you receive from us?<\/h3>\n\n\t\t<style>\n\t\t\t#chart_39fd8f81e8f643fc85d3ec9b6ebdeed2 {\n\t\t\t\twidth: 100% !important;\n\t\t\t\theight: 320px !important;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t<\/style>\n\n\t\t<canvas id=\"chart_39fd8f81e8f643fc85d3ec9b6ebdeed2\"><\/canvas>\n\t<\/div>\n\n\t<script>\n\t(function(load){\n\t\tif (window.Chart) { load(); return; }\n\t\tvar s=document.createElement('script');\n\t\ts.src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\";\n\t\ts.onload=load; document.head.appendChild(s);\n\t})(function init_chart_39fd8f81e8f643fc85d3ec9b6ebdeed2(){\n\n\t\tconst valueLabelsPlugin = {\n\t\t\tid: 'valueLabels',\n\t\t\tafterDatasetsDraw(chart) {\n\t\t\t\tconst {ctx, data, chartArea} = chart;\n\t\t\t\tconst dataset = data.datasets[0];\n\t\t\t\tconst meta = chart.getDatasetMeta(0);\n\t\t\t\tconst values = dataset.data.map(Number);\n\t\t\t\tconst total = values.reduce((a,b)=>a+b, 0) || 1;\n\n\t\t\t\tctx.save();\n\t\t\t\tctx.textAlign = 'center';\n\t\t\t\tctx.font = '700 18px \"Assistant\", sans-serif';\n\n\t\t\t\tmeta.data.forEach((bar, i) => {\n\t\t\t\t\tconst v = values[i] || 0;\n\t\t\t\t\tconst pct = Math.round((v \/ total) * 100);\n\t\t\t\t\tconst label = `${pct}%`; \/\/ \u05e8\u05e7 \u05d0\u05d7\u05d5\u05d6\u05d9\u05dd\n\n\t\t\t\t\tconst {x, y} = bar.tooltipPosition();\n\t\t\t\t\tconst barHeight = chartArea.bottom - bar.y;\n\t\t\t\t\tlet textY, color;\n\n\t\t\t\t\tif (barHeight > 30) {\n\t\t\t\t\t\ttextY = y + 40;\n\t\t\t\t\t\tcolor = '#fff';\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttextY = y - 10;\n\t\t\t\t\t\tcolor = '#000';\n\t\t\t\t\t}\n\n\t\t\t\t\tctx.fillStyle = color;\n\t\t\t\t\tctx.fillText(label, x, textY);\n\t\t\t\t});\n\n\t\t\t\tctx.restore();\n\t\t\t}\n\t\t};\n\n\t\tconst ctx = document.getElementById('chart_39fd8f81e8f643fc85d3ec9b6ebdeed2');\n\t\tnew Chart(ctx, {\n\t\t\ttype: 'bar',\n\t\t\tdata: {\n\t\t\t\tlabels: [\"1\",\"2\",\"3\"],\n\t\t\t\tdatasets: [{\n\t\t\t\t\tdata: [0,0,10],\n\t\t\t\t\tbackgroundColor: '#ca2d98'\n\t\t\t\t}]\n\t\t\t},\n\t\t\toptions: {\n\t\t\t\tresponsive: true,\n\t\t\t\tmaintainAspectRatio: false,\n\t\t\t\tscales: {\n\t\t\t\t\ty: {\n\t\t\t\t\t\tbeginAtZero: true,\n\t\t\t\t\t\tticks: { precision: 0 }\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tplugins: {\n\t\t\t\t\tlegend: { display: false },\n\t\t\t\t\ttitle: { display: false },\n\t\t\t\t\tvalueLabels: {}\n\t\t\t\t},\n\t\t\t\tanimation: { duration: 350 }\n\t\t\t},\n\t\t\tplugins: [valueLabelsPlugin]\n\t\t});\n\t});\n\t<\/script>\n\t\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2695218 e-flex e-con-boxed e-con e-parent\" data-id=\"2695218\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a9ed02 elementor-widget elementor-widget-shortcode\" data-id=\"6a9ed02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<div class=\"chart-container\" style=\"margin:0 auto;text-align:center;position:relative;\">\n\t\t<h3 style=\"margin-bottom:10px;\">How likely are you to recommend us to another person or company?<\/h3>\n\n\t\t<style>\n\t\t\t#chart_cba524b8168247709e2f3891651ea623 {\n\t\t\t\twidth: 100% !important;\n\t\t\t\theight: 320px !important;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t<\/style>\n\n\t\t<canvas id=\"chart_cba524b8168247709e2f3891651ea623\"><\/canvas>\n\t<\/div>\n\n\t<script>\n\t(function(load){\n\t\tif (window.Chart) { load(); return; }\n\t\tvar s=document.createElement('script');\n\t\ts.src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\";\n\t\ts.onload=load; document.head.appendChild(s);\n\t})(function init_chart_cba524b8168247709e2f3891651ea623(){\n\n\t\tconst valueLabelsPlugin = {\n\t\t\tid: 'valueLabels',\n\t\t\tafterDatasetsDraw(chart) {\n\t\t\t\tconst {ctx, data, chartArea} = chart;\n\t\t\t\tconst dataset = data.datasets[0];\n\t\t\t\tconst meta = chart.getDatasetMeta(0);\n\t\t\t\tconst values = dataset.data.map(Number);\n\t\t\t\tconst total = values.reduce((a,b)=>a+b, 0) || 1;\n\n\t\t\t\tctx.save();\n\t\t\t\tctx.textAlign = 'center';\n\t\t\t\tctx.font = '700 18px \"Assistant\", sans-serif';\n\n\t\t\t\tmeta.data.forEach((bar, i) => {\n\t\t\t\t\tconst v = values[i] || 0;\n\t\t\t\t\tconst pct = Math.round((v \/ total) * 100);\n\t\t\t\t\tconst label = `${pct}%`; \/\/ \u05e8\u05e7 \u05d0\u05d7\u05d5\u05d6\u05d9\u05dd\n\n\t\t\t\t\tconst {x, y} = bar.tooltipPosition();\n\t\t\t\t\tconst barHeight = chartArea.bottom - bar.y;\n\t\t\t\t\tlet textY, color;\n\n\t\t\t\t\tif (barHeight > 30) {\n\t\t\t\t\t\ttextY = y + 40;\n\t\t\t\t\t\tcolor = '#fff';\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttextY = y - 10;\n\t\t\t\t\t\tcolor = '#000';\n\t\t\t\t\t}\n\n\t\t\t\t\tctx.fillStyle = color;\n\t\t\t\t\tctx.fillText(label, x, textY);\n\t\t\t\t});\n\n\t\t\t\tctx.restore();\n\t\t\t}\n\t\t};\n\n\t\tconst ctx = document.getElementById('chart_cba524b8168247709e2f3891651ea623');\n\t\tnew Chart(ctx, {\n\t\t\ttype: 'bar',\n\t\t\tdata: {\n\t\t\t\tlabels: [\"1\",\"2\",\"3\"],\n\t\t\t\tdatasets: [{\n\t\t\t\t\tdata: [0,0,10],\n\t\t\t\t\tbackgroundColor: '#ca2d98'\n\t\t\t\t}]\n\t\t\t},\n\t\t\toptions: {\n\t\t\t\tresponsive: true,\n\t\t\t\tmaintainAspectRatio: false,\n\t\t\t\tscales: {\n\t\t\t\t\ty: {\n\t\t\t\t\t\tbeginAtZero: true,\n\t\t\t\t\t\tticks: { precision: 0 }\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tplugins: {\n\t\t\t\t\tlegend: { display: false },\n\t\t\t\t\ttitle: { display: false },\n\t\t\t\t\tvalueLabels: {}\n\t\t\t\t},\n\t\t\t\tanimation: { duration: 350 }\n\t\t\t},\n\t\t\tplugins: [valueLabelsPlugin]\n\t\t});\n\t});\n\t<\/script>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-441f2e6 e-flex e-con-boxed e-con e-parent\" data-id=\"441f2e6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-376d9f8 elementor-widget elementor-widget-shortcode\" data-id=\"376d9f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<div class=\"chart-container\" style=\"margin:0 auto;text-align:center;position:relative;\">\n\t\t<h3 style=\"margin-bottom:10px;\">To what extent do you feel our service contributes to achieving your business goals?<\/h3>\n\n\t\t<style>\n\t\t\t#chart_d44d29c94b074880915f0672c508e1c3 {\n\t\t\t\twidth: 100% !important;\n\t\t\t\theight: 320px !important;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t<\/style>\n\n\t\t<canvas id=\"chart_d44d29c94b074880915f0672c508e1c3\"><\/canvas>\n\t<\/div>\n\n\t<script>\n\t(function(load){\n\t\tif (window.Chart) { load(); return; }\n\t\tvar s=document.createElement('script');\n\t\ts.src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\";\n\t\ts.onload=load; document.head.appendChild(s);\n\t})(function init_chart_d44d29c94b074880915f0672c508e1c3(){\n\n\t\tconst valueLabelsPlugin = {\n\t\t\tid: 'valueLabels',\n\t\t\tafterDatasetsDraw(chart) {\n\t\t\t\tconst {ctx, data, chartArea} = chart;\n\t\t\t\tconst dataset = data.datasets[0];\n\t\t\t\tconst meta = chart.getDatasetMeta(0);\n\t\t\t\tconst values = dataset.data.map(Number);\n\t\t\t\tconst total = values.reduce((a,b)=>a+b, 0) || 1;\n\n\t\t\t\tctx.save();\n\t\t\t\tctx.textAlign = 'center';\n\t\t\t\tctx.font = '700 18px \"Assistant\", sans-serif';\n\n\t\t\t\tmeta.data.forEach((bar, i) => {\n\t\t\t\t\tconst v = values[i] || 0;\n\t\t\t\t\tconst pct = Math.round((v \/ total) * 100);\n\t\t\t\t\tconst label = `${pct}%`; \/\/ \u05e8\u05e7 \u05d0\u05d7\u05d5\u05d6\u05d9\u05dd\n\n\t\t\t\t\tconst {x, y} = bar.tooltipPosition();\n\t\t\t\t\tconst barHeight = chartArea.bottom - bar.y;\n\t\t\t\t\tlet textY, color;\n\n\t\t\t\t\tif (barHeight > 30) {\n\t\t\t\t\t\ttextY = y + 40;\n\t\t\t\t\t\tcolor = '#fff';\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttextY = y - 10;\n\t\t\t\t\t\tcolor = '#000';\n\t\t\t\t\t}\n\n\t\t\t\t\tctx.fillStyle = color;\n\t\t\t\t\tctx.fillText(label, x, textY);\n\t\t\t\t});\n\n\t\t\t\tctx.restore();\n\t\t\t}\n\t\t};\n\n\t\tconst ctx = document.getElementById('chart_d44d29c94b074880915f0672c508e1c3');\n\t\tnew Chart(ctx, {\n\t\t\ttype: 'bar',\n\t\t\tdata: {\n\t\t\t\tlabels: [\"1\",\"2\",\"3\"],\n\t\t\t\tdatasets: [{\n\t\t\t\t\tdata: [0,2,8],\n\t\t\t\t\tbackgroundColor: '#ca2d98'\n\t\t\t\t}]\n\t\t\t},\n\t\t\toptions: {\n\t\t\t\tresponsive: true,\n\t\t\t\tmaintainAspectRatio: false,\n\t\t\t\tscales: {\n\t\t\t\t\ty: {\n\t\t\t\t\t\tbeginAtZero: true,\n\t\t\t\t\t\tticks: { precision: 0 }\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tplugins: {\n\t\t\t\t\tlegend: { display: false },\n\t\t\t\t\ttitle: { display: false },\n\t\t\t\t\tvalueLabels: {}\n\t\t\t\t},\n\t\t\t\tanimation: { duration: 350 }\n\t\t\t},\n\t\t\tplugins: [valueLabelsPlugin]\n\t\t});\n\t});\n\t<\/script>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3901","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/pages\/3901","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/comments?post=3901"}],"version-history":[{"count":0,"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/pages\/3901\/revisions"}],"wp:attachment":[{"href":"https:\/\/hayitaron.co.il\/en\/wp-json\/wp\/v2\/media?parent=3901"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}