echart line tooltip设置

来源:互联网 发布:java与xml 第三版 pdf 编辑:程序博客网 时间:2024/05/16 14:41

不作设置时候,echart自身tooltip显示的数据不带有单位符号‘%’,为了更直观,需要填上与纵轴相同的后缀‘%’

    tooltip : {
                trigger : 'axis',
                formatter: function(params){
                    var res="";
                    res+=params[0][1]+":" ;
                    for (var i = 0, l = params.length; i < l; i++) {
                        res += '<br/>' + params[i][0] + ' : ' + params[i][2]+"%";
                    }
                    return res;
                }
            },

params指的是某一条纵向线中点的数据,类型为数组对象,

例如:params[0][0]指第一条线的名称,

params[0][1]指第一条线对应横坐标数据,

params[0][2]指第一条线的纵坐标对应值

说明:函数具体参数使用可参考官网实例http://echarts.baidu.com/doc/example/tooltip.html

1 0