{"id":1328,"date":"2026-07-27T02:07:10","date_gmt":"2026-07-27T02:07:10","guid":{"rendered":"https:\/\/www.vpascode.com\/ru\/docs\/uncategorized\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping\/"},"modified":"2026-07-29T08:49:55","modified_gmt":"2026-07-29T08:49:55","slug":"radar-chart-multi-variable-profiles-and-performance-mapping-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/","title":{"rendered":"Radar Chart: Multi-Variable Profiles and Performance Mapping"},"content":{"rendered":"<p>When evaluating complex performance profiles across multiple qualitative or quantitative metrics simultaneously, the <strong>Radar Chart<\/strong> (or Spider Web Chart) is an ideal visualization tool. By placing multiple feature scales along radial axes originating from a central point, radar charts display <em>multi-dimensional comparisons as distinct polygon shapes<\/em>. This makes them well-suited for skill assessments, vendor evaluation scorecards, product feature benchmarks, or player performance profiles.<\/p>\n<h2>The Mechanics of Radar Charts<\/h2>\n<p>In Apache ECharts, radar charts rely on a dedicated <code>radar<\/code> configuration block that defines the radial axes, known as <code>indicator<\/code> keys. The series object sets <code>type: 'radar'<\/code> and maps numeric array values corresponding to each declared indicator scale.<\/p>\n<h3>1. Essential Setup<\/h3>\n<p>To build a basic radar chart, define your dimension thresholds inside <code>radar.indicator<\/code> and pass numeric arrays within your series data:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVUz1PwzAQ3ZH4D7dlyZCUpqqCGAIsDExlqzpYzREs\/CXHqUBV\/zv+SBo5rSLq5XTn917e3TlSGSoFPMHx\/g7sMVIyQ1U55L6madOgLiGhBnkSLk5piAwbFHWEr4khJWyTijG5JwZreO7qBk2SQlLtTUcYbJQlUdEku1hNk5roSIxanBWRtrodq+4cQRCO1tWGMGytOCc\/JayKLDvLXUCrmlNBW6OJa3vg5KtsjvQmPqXmngEfuP8aaA\/ZLO2la43kqGHTKSW1OdPWs7RXPCCTiqM4M4rFLOOd6G80bpo9flF4\/AifTLlFTbGNBnqMtXvlsDc4tOPCJibMr3JAv7fpXf8O4uKVjw3nQFhnxbZL227qp5uC69wlhQ9FyHI3wV16XWXY9PTxXaJP6c3Wgo18GbytQ1j54Fy7LP+Ht8lPcMVaXNqNaX9jK6fHP0A210E=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'item'\r\n    },\r\n    legend: {\r\n        data: ['Allocated Budget', 'Actual Spending']\r\n    },\r\n    radar: {\r\n        indicator: [\r\n            { name: 'Sales', max: 6500 },\r\n            { name: 'Administration', max: 16000 },\r\n            { name: 'Information Tech', max: 30000 },\r\n            { name: 'Customer Support', max: 38000 },\r\n            { name: 'Development', max: 52000 },\r\n            { name: 'Marketing', max: 25000 }\r\n        ]\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Budget vs Spending',\r\n            type: 'radar',\r\n            data: [\r\n                {\r\n                    value: [4200, 3000, 20000, 35000, 50000, 18000],\r\n                    name: 'Allocated Budget'\r\n                },\r\n                {\r\n                    value: [5000, 14000, 28000, 26000, 42000, 21000],\r\n                    name: 'Actual Spending'\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVUz1PwzAQ3ZH4D7dlyZCUpqqCGAIsDExlqzpYzREs\/CXHqUBV\/zv+SBo5rSLq5XTn917e3TlSGSoFPMHx\/g7sMVIyQ1U55L6madOgLiGhBnkSLk5piAwbFHWEr4khJWyTijG5JwZreO7qBk2SQlLtTUcYbJQlUdEku1hNk5roSIxanBWRtrodq+4cQRCO1tWGMGytOCc\/JayKLDvLXUCrmlNBW6OJa3vg5KtsjvQmPqXmngEfuP8aaA\/ZLO2la43kqGHTKSW1OdPWs7RXPCCTiqM4M4rFLOOd6G80bpo9flF4\/AifTLlFTbGNBnqMtXvlsDc4tOPCJibMr3JAv7fpXf8O4uKVjw3nQFhnxbZL227qp5uC69wlhQ9FyHI3wV16XWXY9PTxXaJP6c3Wgo18GbytQ1j54Fy7LP+Ht8lPcMVaXNqNaX9jK6fHP0A210E=\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"FYqsSdC\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1060\" height=\"1173\" class=\"alignnone size-full wp-image-1329 \" src=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png 1060w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f-271x300.png 271w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f-925x1024.png 925w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f-768x850.png 768w\" sizes=\"(max-width: 1060px) 100vw, 1060px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Advanced Structural Techniques<\/h2>\n<p>Radar charts can be styled using filled area polygons, circle grid shapes, or distinct color themes to make profile overlapping easier to read.<\/p>\n<h3>1. Polygon Area Fill with Custom Grid Shapes<\/h3>\n<p>Switching the background web grid from polygon to circle and applying transparent area fills highlights the overall footprint of each metric profile:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqtUtFKwzAUfRf8h\/siUSiuHZvrKj7Y+agwEXwZe7hrYw1mTUlTZxn9d5OuW8lWoQMv3CY5ueckpzciU0yk8ADbywvQoYTgimXBfl1jkiUJlQEQpuia7DYqZzdymtA0tuuF5pPxFXFaLEaFASzIi4gph0fiQDMNydIWlBijtPTyT8yoVoyYjDjV1MEAZnpecJSwwugrkaJIY9jQVUtiacwiVEJLLVrUxBZSXBu9EJWisoRn9mFU1\/gTgOe6h5ucEOZSRDTPWZrAXGyo7EUKC8ZjeC2QM1X2YjyxPONYnsWZ6UFir9J35IXtty086kVOJaO59Qe3tqoq69bUTSNHJzY9t8EOjX18m4tpgu86MNU50emP9Vznnbt0ulmNq8PD6q5CSfFNlZwGf51uIhLcPBgikxVe+yMHPG+oP1PfAfd2dEO6mdUpXDlnuzYuD46N+3rs5Tr8R9feSJ87dGvvk7Nt29CyXTY7GqnufwHprPGZ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    tooltip: {\r\n        trigger: 'item'\r\n    },\r\n    legend: {\r\n        top: '5%',\r\n        data: ['Model A', 'Model B']\r\n    },\r\n    radar: {\r\n        shape: 'circle', \/\/ Circular background web\r\n        indicator: [\r\n            { name: 'Battery Life', max: 100 },\r\n            { name: 'Processing Power', max: 100 },\r\n            { name: 'Build Quality', max: 100 },\r\n            { name: 'Display Quality', max: 100 },\r\n            { name: 'Camera', max: 100 },\r\n            { name: 'Value', max: 100 }\r\n        ]\r\n    },\r\n    series: [\r\n        {\r\n            type: 'radar',\r\n            data: [\r\n                {\r\n                    value: [80, 90, 70, 85, 95, 60],\r\n                    name: 'Model A',\r\n                    areaStyle: {\r\n                        color: 'rgba(84, 112, 198, 0.4)'\r\n                    }\r\n                },\r\n                {\r\n                    value: [95, 70, 85, 90, 75, 90],\r\n                    name: 'Model B',\r\n                    areaStyle: {\r\n                        color: 'rgba(145, 204, 117, 0.4)'\r\n                    }\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqtUtFKwzAUfRf8h\/siUSiuHZvrKj7Y+agwEXwZe7hrYw1mTUlTZxn9d5OuW8lWoQMv3CY5ueckpzciU0yk8ADbywvQoYTgimXBfl1jkiUJlQEQpuia7DYqZzdymtA0tuuF5pPxFXFaLEaFASzIi4gph0fiQDMNydIWlBijtPTyT8yoVoyYjDjV1MEAZnpecJSwwugrkaJIY9jQVUtiacwiVEJLLVrUxBZSXBu9EJWisoRn9mFU1\/gTgOe6h5ucEOZSRDTPWZrAXGyo7EUKC8ZjeC2QM1X2YjyxPONYnsWZ6UFir9J35IXtty086kVOJaO59Qe3tqoq69bUTSNHJzY9t8EOjX18m4tpgu86MNU50emP9Vznnbt0ulmNq8PD6q5CSfFNlZwGf51uIhLcPBgikxVe+yMHPG+oP1PfAfd2dEO6mdUpXDlnuzYuD46N+3rs5Tr8R9feSJ87dGvvk7Nt29CyXTY7GqnufwHprPGZ\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"mJZfvUe\"><img decoding=\"async\" width=\"1020\" height=\"1133\" class=\"alignnone size-full wp-image-1330 \" src=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd7f9704c.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd7f9704c.png 1020w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd7f9704c-270x300.png 270w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd7f9704c-922x1024.png 922w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd7f9704c-768x853.png 768w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Fine-Tuning Layout and Styling<\/h2>\n<p>Adjusting indicator text colors, split lines, and symbol sizes prevents multi-axis web lines from overwhelming the data.<\/p>\n<h3>1. Custom Web Grid and Label Formatting<\/h3>\n<p>Style axis lines, split areas, and outer labels to maintain clean visual contrast on dark or light interfaces:<\/p>\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">ECharts<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVU99rgzAQfh\/sfwj0ISsE0VpX69jDGHsbYyBjD8WHa4xtQE2J6VZX\/N8XXaX1V9ceROKXu\/u+5O7ERnGRoke0v71B2iSEIL36rzSehpyCEhpdHNHS9iiFhHkIf2Sw5DFXOSYogZ2HLBMVZMD5nclIyARSyi5x9xndygtT+xTiK5Q8i0yhlyjilLOUNkKOEcFJNOx49lbF7pspqYjL98Ej27Zxiy4SqfL5jw6y7J6jT8ZXa6VjlyIO8fH8VHW20Vd6kgw6xKBBX+VxV9KJrAWWqyXcTRyT1Ms07LG+7+HA1OBhmYY1xkEzVXFG1StPu9yxBv9VhUeUUjzM9LetCTMmOcsaLdhKrfJNWdSqgds1yPJEP+9fFVxyjdhvHqq1h+yWzlaOEBR0xqNHY21fEG8138I1HILmhknQrNy55W5uOAHpD6snKAZVjhDyqZAMDzhzxZLhe3WK4UxnJr3H\/Z7FAMf59mtzVM3mTgmyrIn+zF2Cqj4c4OzCLSjodItGiodfbIkClg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-echarts\"><code data-language=\"echarts\" class=\"language-echarts\">option = {\r\n    radar: {\r\n        indicator: [\r\n            { name: 'Usability', max: 10 },\r\n            { name: 'Performance', max: 10 },\r\n            { name: 'Security', max: 10 },\r\n            { name: 'Scalability', max: 10 },\r\n            { name: 'Cost Efficiency', max: 10 }\r\n        ],\r\n        axisName: {\r\n            color: '#333',\r\n            fontSize: 13,\r\n            fontWeight: 'bold'\r\n        },\r\n        splitArea: {\r\n            areaStyle: {\r\n                color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.1)']\r\n            }\r\n        },\r\n        splitLine: {\r\n            lineStyle: {\r\n                color: '#ccc'\r\n            }\r\n        }\r\n    },\r\n    series: [\r\n        {\r\n            type: 'radar',\r\n            symbolSize: 8,\r\n            lineStyle: {\r\n                width: 3\r\n            },\r\n            data: [\r\n                {\r\n                    value: [8.5, 9.0, 7.5, 8.0, 9.5],\r\n                    name: 'Platform Score',\r\n                    itemStyle: {\r\n                        color: '#5470c6'\r\n                    },\r\n                    areaStyle: {\r\n                        color: 'rgba(84, 112, 198, 0.3)'\r\n                    }\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/#echarts:eNqVU99rgzAQfh\/sfwj0ISsE0VpX69jDGHsbYyBjD8WHa4xtQE2J6VZX\/N8XXaX1V9ceROKXu\/u+5O7ERnGRoke0v71B2iSEIL36rzSehpyCEhpdHNHS9iiFhHkIf2Sw5DFXOSYogZ2HLBMVZMD5nclIyARSyi5x9xndygtT+xTiK5Q8i0yhlyjilLOUNkKOEcFJNOx49lbF7pspqYjL98Ej27Zxiy4SqfL5jw6y7J6jT8ZXa6VjlyIO8fH8VHW20Vd6kgw6xKBBX+VxV9KJrAWWqyXcTRyT1Ms07LG+7+HA1OBhmYY1xkEzVXFG1StPu9yxBv9VhUeUUjzM9LetCTMmOcsaLdhKrfJNWdSqgds1yPJEP+9fFVxyjdhvHqq1h+yWzlaOEBR0xqNHY21fEG8138I1HILmhknQrNy55W5uOAHpD6snKAZVjhDyqZAMDzhzxZLhe3WK4UxnJr3H\/Z7FAMf59mtzVM3mTgmyrIn+zF2Cqj4c4OzCLSjodItGiodfbIkClg==\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit ECharts in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<p id=\"zUjNBMx\"><img decoding=\"async\" width=\"1156\" height=\"813\" class=\"alignnone size-full wp-image-1331 \" src=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd92ef056.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd92ef056.png 1156w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd92ef056-300x211.png 300w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd92ef056-1024x720.png 1024w, https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd92ef056-768x540.png 768w\" sizes=\"(max-width: 1156px) 100vw, 1156px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Strategic Best Practices<\/h2>\n<ul>\n<li><strong>Standardize Axis Scales:<\/strong> Ensure all indicators use normalized scale ranges (e.g., 0 to 100 or 1 to 10) whenever possible so outer polygon areas reflect balanced comparisons.<\/li>\n<li><strong>Keep Series Overlays Low:<\/strong> Limit radar comparison shapes to 2 or 3 per chart. Overlapping 4 or more filled polygons makes individual shape boundaries hard to isolate.<\/li>\n<li><strong>Use Low Opacity Area Fills:<\/strong> Always apply transparent fills (around 0.2\u20130.4 opacity) so underlying gridlines and intersecting profiles remain visible underneath top layers.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>When evaluating complex performance profiles across multiple qualitative or quantitative metrics simultaneously, the Radar Chart (or Spider Web Chart) is an ideal visualization tool. By placing multiple feature scales along radial axes originating from a central point, radar charts display&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1254,"menu_order":12,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-1328","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ECharts Radar Chart Guide | VPasCode Text to Diagram Tool<\/title>\n<meta name=\"description\" content=\"Compare multi-attribute performance profiles using ECharts spider radar charts in VPasCode, a free diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Radar Chart Guide | VPasCode Text to Diagram Tool\" \/>\n<meta property=\"og:description\" content=\"Compare multi-attribute performance profiles using ECharts spider radar charts in VPasCode, a free diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T08:49:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u043c\u0438\u043d\u0443\u0442\u044b\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/\",\"name\":\"ECharts Radar Chart Guide | VPasCode Text to Diagram Tool\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2026\\\/07\\\/img_6a66bd735681f.png\",\"datePublished\":\"2026-07-27T02:07:10+00:00\",\"dateModified\":\"2026-07-29T08:49:55+00:00\",\"description\":\"Compare multi-attribute performance profiles using ECharts spider radar charts in VPasCode, a free diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2026\\\/07\\\/img_6a66bd735681f.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2026\\\/07\\\/img_6a66bd735681f.png\",\"width\":1060,\"height\":1173},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"ECharts Playbook\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Radar Chart: Multi-Variable Profiles and Performance Mapping\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/wp-content\\\/uploads\\\/sites\\\/11\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/ru\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Radar Chart Guide | VPasCode Text to Diagram Tool","description":"Compare multi-attribute performance profiles using ECharts spider radar charts in VPasCode, a free diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/","og_locale":"ru_RU","og_type":"article","og_title":"ECharts Radar Chart Guide | VPasCode Text to Diagram Tool","og_description":"Compare multi-attribute performance profiles using ECharts spider radar charts in VPasCode, a free diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/","og_site_name":"VPasCode","article_modified_time":"2026-07-29T08:49:55+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"2 \u043c\u0438\u043d\u0443\u0442\u044b"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/","url":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/","name":"ECharts Radar Chart Guide | VPasCode Text to Diagram Tool","isPartOf":{"@id":"https:\/\/www.vpascode.com\/ru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png","datePublished":"2026-07-27T02:07:10+00:00","dateModified":"2026-07-29T08:49:55+00:00","description":"Compare multi-attribute performance profiles using ECharts spider radar charts in VPasCode, a free diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/"]}]},{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png","contentUrl":"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/07\/img_6a66bd735681f.png","width":1060,"height":1173},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/radar-chart-multi-variable-profiles-and-performance-mapping-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/ru\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/ru\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"ECharts Playbook","item":"https:\/\/www.vpascode.com\/ru\/docs\/vpascode-docs\/echarts-playbook\/"},{"@type":"ListItem","position":4,"name":"Radar Chart: Multi-Variable Profiles and Performance Mapping"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/ru\/#website","url":"https:\/\/www.vpascode.com\/ru\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/ru\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/ru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/ru\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/ru\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/www.vpascode.com\/ru\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/ru\/wp-content\/uploads\/sites\/11\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/ru\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/ld_docs\/1328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/users\/3"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/ld_docs\/1254"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/media?parent=1328"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/ru\/wp-json\/wp\/v2\/ld_collection?post=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}