关于echarts中formatter 的使用，想请教一个问题。

关联数组下标的列表. 如: %fruit = ("apples", 9, "bananas", 23, "cherries", 11); @fruitsubs = keys(%fruits); 这里,@fruitsubs被赋给apples、bananas、cherries构成的列表. 再次提请注意,此列表没有次序,若想按字母顺序排列,可使用sort()函

关于echarts中formatter 的使用，想请教一个问题。

关联数组下标的列表. 如: %fruit = ("apples", 9, "bananas", 23, "cherries", 11); @fruitsubs = keys(%fruits); 这里,@fruitsubs被赋给apples、bananas、cherries构成的列表. 再次提请注意,此列表没有次序,若想按字母顺序排列,可使用sort()函

起因是我想在使用formatter调用自定义的数据。比如下面这个数据源

tooltip上的东西不好被点到，你需要把showDelay和hideDelay都调大鼠标才能走得过去，但这样交互体验就变差了。至于tooltip上显示的完全就是dom，你想怎么玩都行

data : [ {name: "严重", value: 20, count: 455}, {name: "正常", value: 40, count: 784} ]

没理解需求，你已经formatter了，在返回的时候处理一下返回值就可以了呀，具体请追问

formatter在 tooltip中可以直接定义函数，能直接取到对象数据

官方文档里面好像没有这个API 默认的tooltip不是canvas而是div; 所以直接在formatter里面添加span设置好颜色就可以了 tooltip: { trigger: 'axis', formatter: '

tooltip : { trigger: 'item', formatter: function(data){ console.log(data); return data[1]+"："+data[5].count; } }

今日头条问答时尚频道的粉丝，你好！iEVER美课很高兴为你解答，分享实用的观点~，遇见最美的自己~（打字不容易，还请多多点赞评论支持噢~）啦啦啦，下面iEVER美课来为大家来解答#最强美妆#无妆胜有妆的伪素颜妆怎么化？最近青春系列电影一部接一部，朋友聚会谈的开头语“想当年”、“我们那时候”也变得多了起来，美好的青春啊~就这么一去不复返了，偶尔还真想找回以前的感觉，自己还是当初那个粉粉嫩嫩的萌妹子。浅咖啡色眼影打底先用浅咖啡眼影在打底，从下向上晕开，再用橘色眼影在眼窝晕开。深咖啡色眼影把深咖啡色眼影从眼尾和眼头开始向中间晕开，眼尾要加深一些。描画眼线画上内眼线，上眼线到眼尾处自然延伸下来，下眼线

但是在series内的label中使用formatter，就不知道怎么取刚刚定义的count了

公交头等舱内景小编从北达公司229路公交车队了解到，该车队上线运营了空调燃气车，五星级驾驶员宋旭江：看到飞机和高铁车厢内有头等舱服务，他就想在自己驾驶的公交车上为那些老、弱、病、残、孕及抱小孩的乘客设计专用“头等舱”服务。8月28日，这辆配有头等舱服务的公交车正式上路运行了。宋旭江将驾驶舱周边的到中间下车门位置，设成特殊乘客区，让需要照顾的乘客在这个区域内坐好，便于自己随时关照他们，了解他们的动态和需求，随时为他们提供便利服务。7月份229路公交车换成空调车后，每天运营过程中，宋旭江打开车内空调，希望乘客能更加舒适清爽，可是，在运行中，乘客反响不同，年轻人喜欢空调凉爽舒适；老年人及患有风湿关节

label:{ show:true, position:'top', textStyle:{ fontSize:12, color:"green" }, formatter:function(a,b,c){ /* 这里要怎么取刚刚的count呢 */ //return c+"%"; } }

以前有段时间特别爱吃，不吃都难受，那时候上高中，也是同学说好吃才让我吃的，不知怎么回事就爱吃了。现在好久不吃了，看见就想起以前吃这东西，都不知道为什么吃，我觉得应该是会放一些不为人知的东西，也许什么大麻之类的吧，而且要不是大的食品厂做出来的，还是尽量别吃，你不知道东西怎么煮出来的。健康最重要。

@Kener-林峰 求助

华为支持超级快充的手机除了Mate9系列，包括Mate9、Mate9Pro，还有P10系列，也就是P10、P10Plus，最大功率22.5W。超级快充(SuperCharge)，是华为在Mate9上首次引入的快充技术，充电电压3.5-5V、电流4.5A，最高功率达22.5W，同时也支持4.5V/5A车载快充，当时是业内充电电流最高的方案。同时，华为超级快充技术也兼容之前的9V/2A、5V/2A充电器和充电线，还支持USBPD协议，PD类充电器都能给Mate9快充。但是，这个技术是华为私有的，和其他家的快充不兼容，必须搭配华为自己的充电头和数据线，充电宝也必须是华为的特定款式才能支持。按照华为的

同问，自定义的数据，如何获取。。。。。

=======================其他用户的看法====================

可以放在data中

                              formatter:function (params,ticket,callback) {

                                   var res = '所选地区:' + params.name+'<br/>';

                                   res+='总信息数:'+params.value+'<br/>';

                                   res+='平均信息数：'+params.data.count+'<br/>';

                                   res+='每小时信息数：'+params.data.count+'<br/>';

                                   res+='排名：'+params.data.rank+'<br/>';

                                  setTimeout(function (){callback(ticket, res);}, 1000);

                                return 'loading';

                            }

            series : [{

       name: '数量',

       type: 'map',

       mapType: '广东',

       itemStyle:{

           normal:{label:{show:false}},

           emphasis:{label:{show:true}}

       },

       mapLocation: {

           x: '10%'

       },

       roam: true,

       data:[

           {name: '清远市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '韶关市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '湛江市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '梅州市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '河源市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '肇庆市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '惠州市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '茂名市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '江门市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '阳江市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '云浮市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '广州市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '汕尾市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '揭阳市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '珠海市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '佛山市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '潮州市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '汕头市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '深圳市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '东莞市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)},

           {name: '中山市',value: Math.round(Math.random()*1000),rank:Math.round(Math.random()*100),count:Math.round(Math.random()*10000)}

       ]

   }

   ]

===========================================

扩展阅读，根据您访问的内容系统为您准备了以下内容，希望对您有帮助。

请问echarts饼图formatter里的内容怎么加下划线？

你把折线设置长点，文字写在引导线上面不就可以？

像这张图：

请点击输入图片描述

Echarts 的Formatter的函数怎么写

formatter: function (params) {

for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) {

if (option.xAxis[0].data[i] == params.name) {

return option.series[0].data[i] + params.value;

}

}

}

formatter: function (params){

return params[0].name + '<br/>'

+ params[0].seriesName + ' : ' + params[0].value + '<br/>'

+ params[1].seriesName + ' : ' + (params[1].value);

}

formatter可以用在很多地方，里面是不同的参数，具体情况，得看你用在哪里

Echarts 的Formatter的函数怎么写

formatter: function (params) { for (var i = 0, l = option.xAxis[0].data.length; i < l; i++) { if (option.xAxis[0].data[i] == params.name) { return option.series[0].data[i] + params.value; } } } formatter: function (params)

ECharts formatter可以添加点击事件吗

// 路径配置

require.config({

paths : {

echarts : 'jquery/echarts-2.2.7/build/dist'

}

});

// 使用EChart.js画图

function drawChart() {

require([ 'echarts', 'echarts/chart/force' // 使用柱状图就加载bar模块，按需加载

], function(ec) {

// 基于准备好的dom，初始化echarts图表

var myChart = ec.init(document.getElementById('myChart'));

// 添加点击事件

var ecConfig = require('echarts/config');

myChart.on(ecConfig.EVENT.CLICK, eConsole);

var option = {

tooltip : {

show : false,

trigger : 'item',

formatter : '{a} : {b}'

},

toolbox : {

show : true,

feature : {

restore : {

show : true

},

}

},

series : [ {

type : 'force',

name : "关系",

ribbonType : false,

clickable : true,

draggable : false,

categories : [ {

name : '属性'

}, {

name : '实例'

} ],

itemStyle : {

normal : {

label : {

show : true,

textStyle : {

color : '#333'

}

},

nodeStyle : {

brushType : 'both',

borderColor : 'rgba(255,215,0,0.4)',

borderWidth : 1

},

linkStyle : {

type : 'curve'

}

},

emphasis : {

label : {

show : false

// textStyle: null // 默认使用全局文本样式，详见TEXTSTYLE

},

nodeStyle : {

// r: 30

},

linkStyle : {}

}

},

useWorker : false,

minRadius : 15,

maxRadius : 25,

gravity : 1.1,

scaling : 1.1,

roam : false,

nodes : [ {

category : 1,

name : '实例',

value : 10,

label : '宝马',

}, {

category : 0,

name : '属性1',

value : 6,

label : '宝马X1'

}, {

category : 0,

name : '属性2',

value : 6,

label : '宝马X5'

}, {

category : 0,

name : '属性3',

value : 6,

label : '宝马3系'

}, {

category : 0,

name : '属性4',

value : 6,

label : '宝马7系'

}, {

category : 0,

name : '属性5',

value : 6,

label : '宝马X6'

}, {

category : 0,

name : '属性6',

value : 6,

label : '宝马1系'

}, {

category : 0,

name : '属性7',

value : 6,

label : '宝马i8'

} ],

links : [ {

source : '属性1',

target : '实例',

weight : 1,

name : '属性1'

}, {

source : '属性2',

target : '实例',

weight : 1,

name : '属性2'

}, {

source : '属性3',

target : '实例',

weight : 1,

name : '属性3'

}, {

source : '属性4',

target : '实例',

weight : 1,

name : '属性4'

}, {

source : '属性5',

target : '实例',

weight : 1,

name : '属性5'

}, {

source : '属性6',

target : '实例',

weight : 1,

name : '属性6'

}, {

source : '属性7',

target : '实例',

weight : 1,

name : '属性7'

}, ]

} ]

};

// 为echarts对象加载数据

myChart.setOption(option);

});

}

function eConsole(param) {

if (typeof param.seriesIndex == 'undefined') {

return;

}

if (param.type == 'click') {

alert(param.name);

}

}

在html中建一个空的div，id是myChart，onclick事件是drawChart()，即可运行得到结果。

实现节点可点击，重点在于三行代码，如下：

[javascript] view plain copy

var ecConfig = require('echarts/config');

myChart.on(ecConfig.EVENT.CLICK, eConsole);

clickable : true,

重要的事情说三遍：<div id="myChart" class="myChart"></div>一定要设置宽和高、一定要设置宽和高、一定要设置宽和高本回答被网友采纳

Echarts 的Formatter的函数怎么写

关联数组下标的列表.

如:

%fruit = ("apples", 9, "bananas", 23, "cherries", 11);

@fruitsubs = keys(%fruits);

这里,@fruitsubs被赋给apples、bananas、cherries构成的列表.

再次提请注意,此列表没有次序,若想按字母顺序排列,可使用sort()函数.

@fruitindexes = sort keys(%fruits);

这样结果为("apples","bananas","cherries").

类似的,内嵌函数values()返回关联数组值的列表.

如:

@fruitvalues = values(%fruits);

这里,@fruitvalues可能的结果为(9,23.11),次序可能不同.