项目场景：

通过Echarts修改南丁格尔图js文件，修改轮盘颜色。使项目更加美观

文本标签自定义

问题描述

不知道为什么自定义函数使饼图图形上的文本标签label标签显示在内部且，获得对应标签的数据。使用自定义函数formatter的参数是ar，为什么是ar这个参数，而且神奇的是

ar.name和ar.value就可以获得标签名和标签数据！！我以为是随便起的变量名字而已

实际上我错了，用param就不行了，我以为这参数随意的。

var ec_world2 = echarts.init(document.getElementById('w2'), "dark");//自己写var ec_world2_Option = {title: {show:true,text: '海外疫情分析',subtext: '实时数据更新\n—— by 有梦想的薯条',textStyle:{fontSize:28,fontWeight:"bolder",},textAlign:"left",padding:[150,500,750,500],//上，右，下，左subtextStyle: {fontSize: 13,fontStyle:"oblique",left:"center",lineHeight:20,},},legend: {show:"true",left: "70%",top:"50%",itemGap:15,icon:"circle"},toolbox: {show: true,orient:'horizontal',feature: {mark: { show: true },dataView: { show: true, readOnly: false },restore: { show: true },saveAsImage: { show: true },}},labelLine: {show: false},series: [{name: 'Nightingale Chart',type: 'pie',lengendHoverLink:true,selectedMode:'multiple',selectedOffset:24,clockwise:false,left:'1%',label:{show:true,position:'inside',formatter(ar){return ar.name+":"+ar.value}},radius: [15, 470],center: ['50%', '71%'],roseType: 'area',itemStyle: {borderRadius:5},data: [],color: ["RGB(175,7,82)","RGB(200,13,66)","RGB(224,10,46)","RGB(219,94,30)","RGB(213,105,48)","RGB(243,123,7)","RGB(240,131,38)","RGB(221,184,41)","RGB(221,210,41)","RGB(195,222,41)","RGB(136,219,40)","RGB(122,241,18)","RGB(55,233,16)","RGB(39,227,21)","RGB(29,225,51)","RGB(29,208,46)","RGB(48,197,54)","RGB(57,187,91)","RGB(90,186,164)","RGB(89,139,146)","RGB(89,121,146)"],}]
};
ec_world2.setOption(ec_world2_Option);

效果如图所示

解决问题：

希望有大佬可以告诉我哪里能找到讲的清除formatter的文章

Echarts南丁格尔图.相关推荐

❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置
❤echarts 南丁格尔玫瑰图的使用以及南丁格尔玫瑰图详细配置 1.认识使用可以参考之前文章,会使用直接跳过1 引入官网的南丁格尔玫瑰图效果如下: 使用函数配置分为三个部分:初始化=> 设置 ...
python_绘制玫瑰图_南丁格尔图
python_绘制玫瑰图_南丁格尔图通过加载execel文件绘制通过直接造数看这: https://blog.csdn.net/kaikai_sk/article/details/10495430 ...
从南丁格尔图到医学发展史
可视化中,前端用于表现不同类目的数据在总和中的占比的场景,往往会采用饼图. 针对数据大小相近,南丁格尔图的呈现会更加美观. 南丁格尔图,又称玫瑰图,是由弗罗伦斯·南丁格尔发明. 弗洛伦斯·南丁格尔开 ...
关于Echarts南丁格尔玫瑰图的部分解释
<template><div id="easyEcharts" style="height: 600px;width: 800px">& ...
echarts南丁格尔玫瑰图每块单独设置颜色
UI效果图: 我参照官网的例子,默认的颜色,出来之后的效果: 页面源代码: <template><div class="pieChart" ref="p ...
【Python数据分析——使用matplotlib制作南丁格尔玫瑰图】
目录一.介绍二.相关库三.数据准备四.pyecahrts代码实现五.matplotlib代码实现一.介绍玫瑰图是弗罗伦斯·南丁格尔所发明的.又名为极坐标面积图,是一种圆形的直方图. 南丁 ...
echarts绘制各种图表(柱形、折线、柱形、饼图、南丁格尔、环形、中国地图散点图、百度地图散点图、词云图)
文末附带github本文所有源代码,以及bmap.js,china.js,echarts.js,echarts-wordcloud.js文件啦 1.柱形图先来看看效果啦重要代码如下所示,必须引入e ...
Python数据可视化之南丁格尔玫瑰图(亲测)
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...
Python数据可视化之南丁格尔玫瑰图
文章目录 1. 什么是南丁格尔玫瑰图 2. 南丁格尔玫瑰图的绘制 1. 什么是南丁格尔玫瑰图央视新闻用来展示疫情0增长天数的图就是南丁格尔玫瑰图. 南丁格尔玫瑰图(Nightingale rose ...

Echarts南丁格尔图.

项目场景：

问题描述

解决问题：

Echarts南丁格尔图.相关推荐

最新文章

热门文章