Flask+Echarts+Jinja绘制南丁格尔图：2022年中国排名前10城市总GDP占比分布

"3\、使用Flask+Echarts+Jinja绘制"2022年中国排名前10城市的总GDP占比分布"图表。\n\（2\）使用Echarts绘制图表。\n①绘制南丁格尔图，顶部居中显示主标题，底部居中显示图例。\n②设置饼图百分比提示功能，图形美观，无文字溢出。"\n\n以下是使用Echarts绘制南丁格尔图的示例代码：\n\njavascript\n// 导入Echarts\nimport echarts from \'echarts\';\n\n// 初始化echarts实例\nconst myChart = echarts.init(document.getElementById(\'chart\'));\n\n// 配置图表选项\nconst option = {\n title: {\n text: \'2022年中国排名前10城市的总GDP占比分布\',\n top: \'5\%\',\n left: \'center\',\n },\n tooltip: {\n trigger: \'item\',\n formatter: \'{b}: {d}\%\'\,\n },\n legend: {\n orient: \'horizontal\',\n bottom: \'2\%\',\n left: \'center\',\n },\n series: [\n {\n type: \'pie\',\n radius: [\'40\%\', \'60\%\'],\n avoidLabelOverlap: false,\n label: {\n show: false,\n },\n labelLine: {\n show: false,\n },\n data: [\n { value: 1234, name: \'城市1\' },\n { value: 2345, name: \'城市2\' },\n { value: 3456, name: \'城市3\' },\n { value: 4567, name: \'城市4\' },\n { value: 5678, name: \'城市5\' },\n { value: 6789, name: \'城市6\' },\n { value: 7890, name: \'城市7\' },\n { value: 8901, name: \'城市8\' },\n { value: 9012, name: \'城市9\' },\n { value: 1012, name: \'城市10\' },\n ],\n },\n ],\n};\n\n// 使用刚指定的配置项和数据显示图表\nmyChart.setOption(option);\n\n\n在上面的代码中，我们使用了Echarts的pie类型来绘制南丁格尔图。通过配置radius属性设置内外半径，avoidLabelOverlap属性设置是否避免标签重叠，label和labelLine属性设置标签和标签线的显示与隐藏。通过配置data属性设置饼图的数据，其中value表示数值，name表示名称。\n\n可以根据实际的数据和需求修改以上代码，以适应你的具体情况。