Chart.js Radar Chart<\/title>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <canvas id=\"myRadarChart\" width=\"800\" height=\"600\"><\/canvas>\r\n <script>\r\n const labels = [\r\n \"Construction\/Bau\",\r\n \"Energie\/Energie\",\r\n \"Protection\/Schutz\",\r\n \"Eau\/Wasser\",\r\n \"Biodiversit\u00e9\/Biodiversit\u00e4t\",\r\n \"Changement climatique\/Klimawandel\",\r\n \"Emploi\/Arbeitsplatz\",\r\n \"Bois d'industrie\/Industrieholz\",\r\n \"Chasse\/Gibier\/Jagt\/Wild\",\r\n \"Bien-\u00eatre\/Wohlfahrt\",\r\n \"Tourisme\/Tourismus\",\r\n \"Biomasse\/Biomasse\",\r\n \"Paysage\/Landschaft\",\r\n \"Agriculture\/Landwirtschaft\",\r\n \"CO2\",\r\n \"Temp\u00e9rature\/Temperatur\"\r\n ];\r\n\r\n const data = {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: '\u00e9conomique',\r\n backgroundColor: 'rgba(75, 192, 192, 0.2)',\r\n borderColor: 'rgba(75, 192, 192, 1)',\r\n pointBackgroundColor: 'rgba(75, 192, 192, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(75, 192, 192, 1)',\r\n data: [12, 8, 1, 2, 0, 0, 10, 10, 0, 1, 6, 7, 2, 7, 1, 0]\r\n },\r\n {\r\n label: 'environnementale',\r\n backgroundColor: 'rgba(54, 162, 235, 0.2)',\r\n borderColor: 'rgba(54, 162, 235, 1)',\r\n pointBackgroundColor: 'rgba(54, 162, 235, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(54, 162, 235, 1)',\r\n data: [2, 5, 2, 11, 12, 12, 1, 3, 12, 0, 0, 7, 5, 4, 12, 10]\r\n },\r\n {\r\n label: 'protectrice',\r\n backgroundColor: 'rgba(255, 206, 86, 0.2)',\r\n borderColor: 'rgba(255, 206, 86, 1)',\r\n pointBackgroundColor: 'rgba(255, 206, 86, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(255, 206, 86, 1)',\r\n data: [1, 1, 12, 2, 0, 2, 0, 1, 1, 0, 1, 0, 0, 2, 0, 2]\r\n },\r\n {\r\n label: 'sociale',\r\n backgroundColor: 'rgba(255, 99, 132, 0.2)',\r\n borderColor: 'rgba(255, 99, 132, 1)',\r\n pointBackgroundColor: 'rgba(255, 99, 132, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(255, 99, 132, 1)',\r\n data: [0, 0, 0, 0, 1, 0, 4, 0, 2, 12, 7, 0, 7, 1, 2, 2]\r\n }\r\n ]\r\n };\r\n\r\n const config = {\r\n type: 'radar',\r\n data: data,\r\n options: {\r\n elements: {\r\n line: {\r\n borderWidth: 3\r\n }\r\n },\r\n scales: {\r\n r: {\r\n beginAtZero: true\r\n }\r\n }\r\n }\r\n };\r\n\r\n const myRadarChart = new Chart(\r\n document.getElementById('myRadarChart'),\r\n config\r\n );\r\n <\/script>\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":7,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":751,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages\/164\/revisions\/751"}],"wp:attachment":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/media?parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":164,"date":"2010-09-15T08:02:28","date_gmt":"2010-09-15T08:02:28","guid":{"rendered":"http:\/\/elegantthemes.com\/preview\/DeepFocus\/?page_id=164"},"modified":"2024-06-13T17:22:53","modified_gmt":"2024-06-13T15:22:53","slug":"full-width","status":"publish","type":"page","link":"https:\/\/strategie-foret.brouchoud.dev\/de\/full-width\/","title":{"rendered":"Daten"},"content":{"rendered":"\r\n\r\n\r\n \r\n \r\n Chart.js Radar Chart<\/title>\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<\/head>\r\n<body>\r\n <canvas id=\"myRadarChart\" width=\"800\" height=\"600\"><\/canvas>\r\n <script>\r\n const labels = [\r\n \"Construction\/Bau\",\r\n \"Energie\/Energie\",\r\n \"Protection\/Schutz\",\r\n \"Eau\/Wasser\",\r\n \"Biodiversit\u00e9\/Biodiversit\u00e4t\",\r\n \"Changement climatique\/Klimawandel\",\r\n \"Emploi\/Arbeitsplatz\",\r\n \"Bois d'industrie\/Industrieholz\",\r\n \"Chasse\/Gibier\/Jagt\/Wild\",\r\n \"Bien-\u00eatre\/Wohlfahrt\",\r\n \"Tourisme\/Tourismus\",\r\n \"Biomasse\/Biomasse\",\r\n \"Paysage\/Landschaft\",\r\n \"Agriculture\/Landwirtschaft\",\r\n \"CO2\",\r\n \"Temp\u00e9rature\/Temperatur\"\r\n ];\r\n\r\n const data = {\r\n labels: labels,\r\n datasets: [\r\n {\r\n label: '\u00e9conomique',\r\n backgroundColor: 'rgba(75, 192, 192, 0.2)',\r\n borderColor: 'rgba(75, 192, 192, 1)',\r\n pointBackgroundColor: 'rgba(75, 192, 192, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(75, 192, 192, 1)',\r\n data: [12, 8, 1, 2, 0, 0, 10, 10, 0, 1, 6, 7, 2, 7, 1, 0]\r\n },\r\n {\r\n label: 'environnementale',\r\n backgroundColor: 'rgba(54, 162, 235, 0.2)',\r\n borderColor: 'rgba(54, 162, 235, 1)',\r\n pointBackgroundColor: 'rgba(54, 162, 235, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(54, 162, 235, 1)',\r\n data: [2, 5, 2, 11, 12, 12, 1, 3, 12, 0, 0, 7, 5, 4, 12, 10]\r\n },\r\n {\r\n label: 'protectrice',\r\n backgroundColor: 'rgba(255, 206, 86, 0.2)',\r\n borderColor: 'rgba(255, 206, 86, 1)',\r\n pointBackgroundColor: 'rgba(255, 206, 86, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(255, 206, 86, 1)',\r\n data: [1, 1, 12, 2, 0, 2, 0, 1, 1, 0, 1, 0, 0, 2, 0, 2]\r\n },\r\n {\r\n label: 'sociale',\r\n backgroundColor: 'rgba(255, 99, 132, 0.2)',\r\n borderColor: 'rgba(255, 99, 132, 1)',\r\n pointBackgroundColor: 'rgba(255, 99, 132, 1)',\r\n pointBorderColor: '#fff',\r\n pointHoverBackgroundColor: '#fff',\r\n pointHoverBorderColor: 'rgba(255, 99, 132, 1)',\r\n data: [0, 0, 0, 0, 1, 0, 4, 0, 2, 12, 7, 0, 7, 1, 2, 2]\r\n }\r\n ]\r\n };\r\n\r\n const config = {\r\n type: 'radar',\r\n data: data,\r\n options: {\r\n elements: {\r\n line: {\r\n borderWidth: 3\r\n }\r\n },\r\n scales: {\r\n r: {\r\n beginAtZero: true\r\n }\r\n }\r\n }\r\n };\r\n\r\n const myRadarChart = new Chart(\r\n document.getElementById('myRadarChart'),\r\n config\r\n );\r\n <\/script>\r\n<\/body>\r\n<\/html>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages\/164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/comments?post=164"}],"version-history":[{"count":7,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages\/164\/revisions"}],"predecessor-version":[{"id":751,"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/pages\/164\/revisions\/751"}],"wp:attachment":[{"href":"https:\/\/strategie-foret.brouchoud.dev\/de\/wp-json\/wp\/v2\/media?parent=164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}