文档章节

echarts 3 tooltip formatter 自定义function

今天来找bug
 今天来找bug
发布于 2016/09/20 16:27
字数 343
阅读 1067
收藏 2

效果:

代码如下:

var phone = {"iphone3":
                [{name: '北京',value: 300},
                {name: '天津',value: 200},
                {name: '上海',value: 300},
                {name: '广东',value: 50}],
            "iphone4":
                [{name: '北京',value: 40},
                {name: '天津',value: 30},
                {name: '上海',value: 10},
                {name: '广东',value: 50}],
            "iphone5": 
                [{name: '北京',value: 1 },
                {name: '天津',value: 2 },
                {name: '上海',value: 4 },
                {name: '广东',value: 5 }]
            };
option = {
    title: {
        text: 'iphone销量',
        subtext: '纯属虚构',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: function (a) {
            tip = a.name;
            for(var o in phone) {
                obj = phone[o];
                for (var j in obj) {
                    if(a.name == obj[j].name) {
                        tip += "<br>" + o + ":" + obj[j].value; 
                    }
                }
            }
            return tip ? tip : 'Loading';
        }
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data:['iphone3','iphone4','iphone5']
    },
    visualMap: {
        min: 0,
        max: 2500,
        left: 'left',
        top: 'bottom',
        text: ['高','低'],           // 文本,默认为数值文本
        calculable: true
    },
    toolbox: {
        show: true,
        orient: 'vertical',
        left: 'right',
        top: 'center',
        feature: {
            dataView: {readOnly: false},
            restore: {},
            saveAsImage: {}
        }
    },
    series: [
        {
            name: 'iphone3',
            type: 'map',
            mapType: 'china',
            roam: false,
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:phone.iphone3
        },
        {
            name: 'iphone4',
            type: 'map',
            mapType: 'china',
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:phone.iphone4
        },
        {
            name: 'iphone5',
            type: 'map',
            mapType: 'china',
            label: {
                normal: {
                    show: true
                },
                emphasis: {
                    show: true
                }
            },
            data:phone.iphone5
        }
    ]
};

该代码放到官网的样例中可以直接运行

© 著作权归作者所有

今天来找bug
粉丝 10
博文 214
码字总数 36040
作品 0
深圳
程序员
私信 提问
echarts为什么在ie7和ie8下显示图片不全

如图所以 一个是在chrome下能正常显示 一个是在ie7或者ie8下的残缺显示 请问怎么破? 先上option吧 function createPieChart(str,name,num,type) { require.config({ paths: { 'echarts': 'e......

cclady
2014/06/05
4.3K
11
代码问题,帮忙看下代码哪儿错了

@Kener-林峰 你好,想跟你请教个问题:今天做了个东西,代码如下,可是为什么第二个div内容就是不显示呢,单个的反而可以 示例

绝对鬼神
2014/01/07
591
3
Echarts的仪表盘不显示怎么回事,都是按照Demo上

// 路径配置 require.config({ paths: { 'echarts': 'http://echarts.baidu.com/build/echarts', 'echarts/chart/bar': 'http://echarts.baidu.com/build/echarts', 'echarts/chart/gauge':......

不再是小屁孩
2014/10/26
2.6K
1
关于echarts中柱形条颜色一样的问题

关于echarts中柱形条颜色一样的问题 代码如下: function doFindMonthLevel() { jQuery.ajax({ url : ctx+"/info/ajaxListSum", type : "post", cache : false, scriptCharset : "utf-8", as......

曾经的十字镐
2014/10/08
3.9K
3
Error: [REQUIRE_FATAL]Relative ID is not allowed in global require: ../echarts/src/config

@Kener-林峰 你好,想跟你请教个问题:

豬兒
2014/04/29
2.3K
1

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud 笔记之Spring cloud config client

观察者模式它的数据的变化是被动的。 观察者模式在java中的实现: package com.hxq.springcloud.springcloudconfigclient;import org.springframework.context.ApplicationListener;i...

xiaoxiao_go
今天
4
0
CentOS7.6中安装使用fcitx框架

内容目录 一、为什么要使用fcitx?二、安装fcitx框架三、安装搜狗输入法 一、为什么要使用fcitx? Gnome3桌面自带的输入法框架为ibus,而在使用ibus时会时不时出现卡顿无法输入的现象。 搜狗和...

技术训练营
今天
4
0
《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
7
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
7
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部