博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
设置Echarts鼠标悬浮样式
阅读量:5106 次
发布时间:2019-06-13

本文共 1803 字,大约阅读时间需要 6 分钟。

在option下 tooltip内添加以下代码:

(本文在后台进行传值 也就是其中的viewstate[])

tooltip: {                        show: true,                        trigger: 'axis',                        //show: true,   //default true                        showDelay: 0,//显示延时,添加显示延时可以避免频繁切换                        hideDelay: 50,//隐藏延时                        transitionDuration: 0,//动画变换时长                        backgroundColor: 'rgba(0,0,0,0.7)',//背景颜色(此时为默认色)                        borderRadius: 8,//边框圆角                        padding: 10,    // [5, 10, 15, 20] 内边距                        position: function (p) {                            // 位置回调                            // console.log && console.log(p);                            return [p[0] + 10, p[1] - 10];                        },                        formatter: function (params, ticket, callback) {                            console.log(params)                            var res = "班级" + ' : ' + params[0].name + "班
"; for (var i = 0, l = params.length; i < l; i++) { res += '
' + params[i].seriesName + ' : ' + params[i].value + "<%=ViewState["unit"]%>";//鼠标悬浮显示的字符串内容 } setTimeout(function () { // 仅为了模拟异步回调 callback(ticket, res); }, 1000) return 'loading...'; } //formatter: "Template formatter:
{b}
{a}:{c}
{a1}:{c1}" },

如图所示: 

 

希望对小伙伴们有帮助!0.0

PS:使柱形图的每个图形显示随机色:

itemStyle: { normal: {color:function (value){return \"#\"+(\"00000\"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(-6); }},},

  在series内添加上面代码即可。

 

转载于:https://www.cnblogs.com/liuyanpeng/p/4864357.html

你可能感兴趣的文章
WPF动画设置1(转)
查看>>
基于node/mongo的App Docker化测试环境搭建
查看>>
java web 中base64传输的坑
查看>>
秒杀9种排序算法(JavaScript版)
查看>>
Activiti入门 -- 环境搭建和核心API简介
查看>>
struts.convention.classes.reload配置为true,tomcat启动报错
查看>>
MySQL的并行复制多线程复制MTS(Multi-Threaded Slaves)
查看>>
好玩的-记最近玩的几个经典ipad ios游戏
查看>>
MySQL更改默认的数据文档存储目录
查看>>
PyQt5--EventSender
查看>>
Sql Server 中由数字转换为指定长度的字符串
查看>>
Java 多态 虚方法
查看>>
Unity之fragment shader中如何获得视口空间中的坐标
查看>>
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>