{"id":1319,"date":"2026-07-27T01:59:09","date_gmt":"2026-07-27T01:59:09","guid":{"rendered":"https:\/\/www.vpascode.com\/cn\/docs\/uncategorized\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles\/"},"modified":"2026-07-30T01:27:24","modified_gmt":"2026-07-30T01:27:24","slug":"nightingale-chart-polar-rose-proportions-and-radial-cycles-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/","title":{"rendered":"Nightingale Chart: Polar Rose Proportions and Radial Cycles"},"content":{"rendered":"<p>When presenting cyclical data or visually striking categorical proportions, the <strong>Nightingale Chart<\/strong> (also known as a Polar Rose Chart or Coxcomb Chart) offers a compelling visual structure. Created by Florence Nightingale to map public health data, this chart encodes data values using sector radius length rather than angle span. By keeping slice angles identical while extending sector lengths outward, Nightingale charts turn cyclical or category metrics into distinct, high-impact radial designs.<\/p>\n<h2>The Mechanics of Nightingale Charts<\/h2>\n<p>In Apache ECharts, a Nightingale chart uses the standard <code>'pie'<\/code> series type configured with the <code>roseType<\/code> property. Setting <code>roseType: 'radius'<\/code> instructs the engine to divide the circle into equal angular segments while sizing each sector&#8217;s outer radius based on its numerical value.<\/p>\n<h3>1. Essential Setup<\/h3>\n<p>To construct a basic Nightingale chart, set <code>roseType: 'radius'<\/code> inside a <code>'pie'<\/code> series object and supply your dataset:<\/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:eNqFkD1uwzAMhfcAuQOXQC2QwXbsNHDRI3RJuxUZlIgxBNiWISsFAkN3L\/2T2lIGcRPfx8cnqsZIVcMHdOsVUBmlSiOb\/PEeeloWBeocmDRYse2sXJWuuDGD1nEL61V3tjR7sfDSCbt5ZSNrp5kSC6yFa65oGcs2S9sSr4aaF6zJ2rNoUUtsc\/iZ8YVbXzWvkKaPXMhbC59K4NJ72HlveqKRT4oehsg9ibYQp9HJ08dIpLMsosgUnJL7kFYtfo8rRj9\/S3\/GL3MvMfez93VWWqA+TkkyF7CeleCGO8f4Pwr88vJGG1L6yeMkFAxi9mTi8LuDyychPnH5XYj38qQBPvHyZCF+7\/L7EO\/lfwvwsZfnQLyLn+bnpFDHvv8B3FTDog==\" \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        formatter: '{a} \r\n{b}: {c} ({d}%)'\r\n    },\r\n    legend: {\r\n        top: '5%',\r\n        left: 'center'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Radius Mode',\r\n            type: 'pie',\r\n            radius: [20, 140],\r\n            center: ['50%', '55%'],\r\n            roseType: 'radius',\r\n            itemStyle: {\r\n                borderRadius: 5\r\n            },\r\n            data: [\r\n                { value: 40, name: 'Rose 1' },\r\n                { value: 38, name: 'Rose 2' },\r\n                { value: 32, name: 'Rose 3' },\r\n                { value: 30, name: 'Rose 4' },\r\n                { value: 28, name: 'Rose 5' },\r\n                { value: 26, name: 'Rose 6' },\r\n                { value: 22, name: 'Rose 7' },\r\n                { value: 18, name: 'Rose 8' }\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:eNqFkD1uwzAMhfcAuQOXQC2QwXbsNHDRI3RJuxUZlIgxBNiWISsFAkN3L\/2T2lIGcRPfx8cnqsZIVcMHdOsVUBmlSiOb\/PEeeloWBeocmDRYse2sXJWuuDGD1nEL61V3tjR7sfDSCbt5ZSNrp5kSC6yFa65oGcs2S9sSr4aaF6zJ2rNoUUtsc\/iZ8YVbXzWvkKaPXMhbC59K4NJ72HlveqKRT4oehsg9ibYQp9HJ08dIpLMsosgUnJL7kFYtfo8rRj9\/S3\/GL3MvMfez93VWWqA+TkkyF7CeleCGO8f4Pwr88vJGG1L6yeMkFAxi9mTi8LuDyychPnH5XYj38qQBPvHyZCF+7\/L7EO\/lfwvwsZfnQLyLn+bnpFDHvv8B3FTDog==\" \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=\"LJeuLWe\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1249\" height=\"1092\" class=\"alignnone size-full wp-image-1320 \" src=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png 1249w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5-300x262.png 300w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5-1024x895.png 1024w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5-768x671.png 768w\" sizes=\"(max-width: 1249px) 100vw, 1249px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Advanced Structural Techniques<\/h2>\n<p>You can customize the rose chart display mode to vary both angle and radius simultaneously, or hollow out the center for a rose-donut hybrid.<\/p>\n<h3>1. Area Rose Type (Equal Angles vs. Scaled Angles)<\/h3>\n<p>Setting <code>roseType: 'area'<\/code> keeps sector angles equal across all categories while scaling slice area rather than just radius:<\/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:eNqFkjFrwzAQhfdA\/8MtQYsH101KcOlQyBoytFvxcK0PIyLrhCQbSvF\/r4RdO3YCvkVI7316eiA2XrKGV\/h92EAYRRXpMv\/fxvFschBf7D3Xoj\/ukn51ZCW5HD4n9xUYR2NNgX6zhHDikkQy1\/2PibqRN4rFUjbx7qc0gccsLRb6N2lPNuhin25FAmK334qlybKjjz4CwxOWGSV6nL1+bAEtqiZgMXzocEJ7IS91Jcb+d5HsMCLvqMit2Z9H+5FaUmzq0GwN2k0ZjTFsV4HsKsXJSq\/5p95nQxbjL4lN5kgxbQclnHQvf\/Whh84=\" \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    legend: {\r\n        top: 'bottom'\r\n    },\r\n    series: [\r\n        {\r\n            name: 'Area Mode',\r\n            type: 'pie',\r\n            radius: [30, 120],\r\n            center: ['50%', '45%'],\r\n            roseType: 'area',\r\n            data: [\r\n                { value: 30, name: 'Marketing' },\r\n                { value: 28, name: 'Sales' },\r\n                { value: 26, name: 'Development' },\r\n                { value: 24, name: 'Support' },\r\n                { value: 22, name: 'Design' },\r\n                { value: 20, name: 'Operations' }\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:eNqFkjFrwzAQhfdA\/8MtQYsH101KcOlQyBoytFvxcK0PIyLrhCQbSvF\/r4RdO3YCvkVI7316eiA2XrKGV\/h92EAYRRXpMv\/fxvFschBf7D3Xoj\/ukn51ZCW5HD4n9xUYR2NNgX6zhHDikkQy1\/2PibqRN4rFUjbx7qc0gccsLRb6N2lPNuhin25FAmK334qlybKjjz4CwxOWGSV6nL1+bAEtqiZgMXzocEJ7IS91Jcb+d5HsMCLvqMit2Z9H+5FaUmzq0GwN2k0ZjTFsV4HsKsXJSq\/5p95nQxbjL4lN5kgxbQclnHQvf\/Whh84=\" \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=\"gdEJpxJ\"><img decoding=\"async\" width=\"1071\" height=\"1098\" class=\"alignnone size-full wp-image-1321 \" src=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbaa04ff2.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbaa04ff2.png 1071w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbaa04ff2-293x300.png 293w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbaa04ff2-999x1024.png 999w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbaa04ff2-768x787.png 768w\" sizes=\"(max-width: 1071px) 100vw, 1071px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Fine-Tuning Layout and Styling<\/h2>\n<p>Applying rounded outer tips and distinct borders gives polar rose charts a refined appearance on modern web pages.<\/p>\n<h3>1. Rounded Rose Tips and Segment Borders<\/h3>\n<p>Use <code>borderRadius<\/code> and white outline borders to separate adjacent radial petals cleanly:<\/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:eNqFUT1PwzAQ3ZH4D5YQ8pIhpYmIgpiAgQEJESSGqoOTXFMLJ7acC6iq8t+xkzZpTD9usez33r3zPamQy4o8ku31FTGFUgrkKt7fuzfNiwJ0TChHKGkPtF5\/1qA51DFZjPwDqa2KlWC0z6CYxhIqJK+lYhlSb8rDjbI8xcFFNMt5Yz0C3yOz0F86eGaa2vkWNPRvqUe6wyVpWcNnb9H3c13s5xLcCIjdH9hKpc5Bf+wmibxTjCcppF3VzaorepL4xXNcx+RuircOX7AUxNGB6rX8jU02DRyxWEldMuyWQrdpaxpkLT3vlDNkkxiHOMkPE43ZyswPIm8f50tV8ApM+FVB\/\/WayO7n4aB61zJvTPTnFWHkD4o3pr8BL7sEUTBoEiagvsCf+6NH0igltZ1qKliO1x1iXtqHP+Druco=\" \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    series: [\r\n        {\r\n            name: 'Department Impact',\r\n            type: 'pie',\r\n            radius: [40, 150],\r\n            center: ['50%', '50%'],\r\n            roseType: 'radius',\r\n            itemStyle: {\r\n                borderRadius: 8,\r\n                borderColor: '#ffffff',\r\n                borderWidth: 2\r\n            },\r\n            label: {\r\n                show: true,\r\n                formatter: '{b}: {c}'\r\n            },\r\n            data: [\r\n                { value: 1048, name: 'Engineering' },\r\n                { value: 735, name: 'Product' },\r\n                { value: 580, name: 'Marketing' },\r\n                { value: 484, name: 'Sales' },\r\n                { value: 300, name: 'Support' }\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:eNqFUT1PwzAQ3ZH4D5YQ8pIhpYmIgpiAgQEJESSGqoOTXFMLJ7acC6iq8t+xkzZpTD9usez33r3zPamQy4o8ku31FTGFUgrkKt7fuzfNiwJ0TChHKGkPtF5\/1qA51DFZjPwDqa2KlWC0z6CYxhIqJK+lYhlSb8rDjbI8xcFFNMt5Yz0C3yOz0F86eGaa2vkWNPRvqUe6wyVpWcNnb9H3c13s5xLcCIjdH9hKpc5Bf+wmibxTjCcppF3VzaorepL4xXNcx+RuircOX7AUxNGB6rX8jU02DRyxWEldMuyWQrdpaxpkLT3vlDNkkxiHOMkPE43ZyswPIm8f50tV8ApM+FVB\/\/WayO7n4aB61zJvTPTnFWHkD4o3pr8BL7sEUTBoEiagvsCf+6NH0igltZ1qKliO1x1iXtqHP+Druco=\" \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=\"SxmJLfO\"><img decoding=\"async\" width=\"1103\" height=\"696\" class=\"alignnone size-full wp-image-1322 \" src=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbb59352c.png\" alt=\"\" srcset=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbb59352c.png 1103w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbb59352c-300x189.png 300w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbb59352c-1024x646.png 1024w, https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bbb59352c-768x485.png 768w\" sizes=\"(max-width: 1103px) 100vw, 1103px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Strategic Best Practices<\/h2>\n<ul>\n<li><strong>Mind the Visual Distortion:<\/strong> Because area scales exponentially with radius, larger values appear visually dominant on rose charts compared to standard bar charts. Use them when impact and visual engagement take priority.<\/li>\n<li><strong>Keep an Inner Radius Hole:<\/strong> Always set an inner radius (e.g., <code>[20, 140]<\/code>) so small sectors don&#8217;t shrink down to an unreadable sharp point at the absolute center.<\/li>\n<li><strong>Position Legends Off Center:<\/strong> Place legends at the top or bottom edge to prevent radial petals from overlapping text as they extend outward.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>When presenting cyclical data or visuall&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":1254,"menu_order":10,"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-1319","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 Rose Chart Guide | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Script polar area pie charts using ECharts Nightingale rose syntax in VPasCode, a free text to diagram 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\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ECharts Rose Chart Guide | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Script polar area pie charts using ECharts Nightingale rose syntax in VPasCode, a free text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-30T01:27:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/\",\"name\":\"ECharts Rose Chart Guide | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/07\\\/img_6a66bb9de24a5.png\",\"datePublished\":\"2026-07-27T01:59:09+00:00\",\"dateModified\":\"2026-07-30T01:27:24+00:00\",\"description\":\"Script polar area pie charts using ECharts Nightingale rose syntax in VPasCode, a free text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/07\\\/img_6a66bb9de24a5.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/07\\\/img_6a66bb9de24a5.png\",\"width\":1249,\"height\":1092},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"ECharts Playbook\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/docs\\\/vpascode-docs\\\/echarts-playbook\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Nightingale Chart: Polar Rose Proportions and Radial Cycles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/cn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ECharts Rose Chart Guide | VPasCode Text to Diagram Guide","description":"Script polar area pie charts using ECharts Nightingale rose syntax in VPasCode, a free text to diagram 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\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/","og_locale":"zh_CN","og_type":"article","og_title":"ECharts Rose Chart Guide | VPasCode Text to Diagram Guide","og_description":"Script polar area pie charts using ECharts Nightingale rose syntax in VPasCode, a free text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/","og_site_name":"VPasCode","article_modified_time":"2026-07-30T01:27:24+00:00","og_image":[{"url":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/","url":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/","name":"ECharts Rose Chart Guide | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/cn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png","datePublished":"2026-07-27T01:59:09+00:00","dateModified":"2026-07-30T01:27:24+00:00","description":"Script polar area pie charts using ECharts Nightingale rose syntax in VPasCode, a free text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png","contentUrl":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/07\/img_6a66bb9de24a5.png","width":1249,"height":1092},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/nightingale-chart-polar-rose-proportions-and-radial-cycles-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/cn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/cn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"ECharts Playbook","item":"https:\/\/www.vpascode.com\/cn\/docs\/vpascode-docs\/echarts-playbook\/"},{"@type":"ListItem","position":4,"name":"Nightingale Chart: Polar Rose Proportions and Radial Cycles"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/cn\/#website","url":"https:\/\/www.vpascode.com\/cn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/cn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/cn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/cn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/cn\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.vpascode.com\/cn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/cn\/wp-content\/uploads\/sites\/3\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/cn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_docs\/1319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/users\/3"}],"up":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_docs\/1254"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/media?parent=1319"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/cn\/wp-json\/wp\/v2\/ld_collection?post=1319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}