如何设置让圆环的中间显示文字 "总计",并为总计设置一个 value,可以在 series 的 label 属性中添加一个对象,来设置圆环中间的文字。\n\n下面是修改后的代码:\n\njavascript\noption = {\n title: {\n text: \"车辆所有权构成(辆)\",\n left: \"center\",\n top: \"top\",\n },\n tooltip: {\n trigger: 'item'\n },\n legend: {\n top: 'center',\n left: 'right',\n orient: 'vertical'\n },\n series: [\n {\n name: 'Access From',\n type: 'pie',\n radius: ['40%', '70%'],\n avoidLabelOverlap: false,\n label: {\n show: false,\n position: 'center'\n },\n emphasis: {\n label: {\n show: true,\n fontSize: 40,\n fontWeight: 'bold'\n }\n },\n labelLine: {\n show: false\n },\n data: [\n { value: 32.6, name: '外租车辆' },\n { value: 67.4, name: '自有企业' },\n {\n value: 100, // 设置总计的 value 为 100\n name: '总计',\n label: {\n show: true,\n position: 'center',\n formatter: '{c}', // 显示数值\n fontSize: 20,\n fontWeight: 'bold'\n }\n }\n ]\n }\n ]\n};\n\n\n在数据中添加了一个对象来表示总计,其中 value 设置为 100,然后在 label 属性中设置了 show 为 true,position 为 center,formatter 为 '{c}'(表示显示数值),fontSize 为 20,fontWeight 为 'bold'。这样就可以让圆环的中间显示文字 "总计" 并设置了一个 value 为 100。

Echarts 饼图圆环中间显示文字:总计及设置value

原文地址: https://www.cveoy.top/t/topic/loCe 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录