关于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),次序可能不同.

  • 本文相关:
  • ubuntu 安装gnome3后 通过修改metacity-theme-3.xml隐藏标题栏后 打开任意窗口都默认最大化 如何设置能够还原
  • html5 抽奖 次数 限制 ?
  • 求助:SASLError using PLAIN: not-authorized
  • eclipse中启动resin,在8080端口提示404错误
  • 用*号作为文本框掩码,该怎么解决?这个文本框是输入密码的... ...
  • echarts动态显示时
  • IE 8 内核的 XMLHTTPRequest 实例对象不能添加 自定义成员?
  • eChart饼图鼠标移动到图上不能显示tooltip和emphasis样式
  • php的MD5加密和java的Md5加密
  • 怎么用java实现读取excel表格里的数据生成曲线图
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved