文档章节

Echarts中tooltip格式化数据

o
 osc_wws45aot
发布于 2019/08/20 14:15
字数 94
阅读 27
收藏 0

精选30+云产品,助力企业轻松上云!>>>

1.格式化提示框数据:可以按F12打断电,然后看tooltip里的参数进行格式化。

 

2.定义js方法

function formatThousand2(data) {
    return number_format(data, 2,".",",");
}

3.Echarts中tooltip参数

tooltip: {
  trigger: 'axis',
  axisPointer: {
    type: 'cross'
  },
  formatter:function(params){
    var res = params[0].name;
    for (var i = 0; i < params.length; i++) {
      res += "<br>"+params[i].marker+params[i].seriesName+":"+formatThousand2(params[i].data);
    }
    return res;
  }
}

4.演示

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
echarts 自定义配置带单位的 tooltip 提示框方法 和 圆环数据 tooltip 过长超出屏幕

-------tip1-------- 在 tooltip 里边配置:拼接字符串; tooltip : { trigger: 'axis', formatter:function(params) {      var relVal = params[0].name; for (var i = 0, l = params......

osc_kb400h6y
2019/03/13
22
0
ECharts 2.2.0 发布,移动优化

#ECharts 2.2.0#发布,累计近50项反馈修复和升级,大量移动设备性能和用户体验优化。基于2.2.0,ECharts第一个官方分支版本ECharts Mobile(ECharts-m)1.0.0发布,让数据在指尖上舞动,扫码...

Kener-林峰
2015/01/30
9.2K
24
react webpack环境下使用echart

这是之前接触过的图标库,最近项目又重新用到关于图表方面。由于之前没有整理出,单独的相关内容,每次需要重新查阅,所以特别记录一下,希望也能给看文章的你带来帮助。期望接下来,也会保持...

Zyyao11
2019/07/17
74
0
Echarts使用心得总结(二)

Echarts使用心得总结(二) 前言: 前一段时间一直都挺忙的,各种事,也没来得及每周的总结,趁着晚上的一点时间把项目中用的Echart中常用的各种图表给抽象总结了一下,趁着周末跟大家分享一...

双月通天
2014/07/14
988
0
【echarts3】 折线图我踩过的那些坑 (tooltip 设置,line 单个点/散点不显示问题)

echarts 折线图小技巧 echarts 折线图功能丰富且官方文档详细易懂,上手比较容易,这篇文章将分享一些项目中踩过的坑,示例主要以多条曲线为主,对大家完成一些 曲线、tooltip 和 markline 的...

osc_6ruay563
01/13
13
0

没有更多内容

加载失败,请刷新页面

加载更多

科技人文丨玻璃心:承受阈值与表达

大家好,我是SKODE。 有趣的灵魂,聊科技人文。 本系列博客地址:传送门 本文转载自B站:安慰记传送门 玻璃心是网络用语,意思是: 对负面事件的接受度很低 还有对别人可能给出的负面评价非常...

osc_u9mt0sus
33分钟前
20
0
迅睿CMS 游客不允许上传附件

游客不允许上传附件 迅睿CMS系统:https://www.xunruicms.com/ 本文档原文地址:https://www.xunruicms.com/doc/752.html...

迅睿CMS-PHP开源CMS程序
33分钟前
7
0
代理,注解,接口和实现类的小测验

* retention : 保留* policy : 策略 ps : 简单测试了一下手写代理,jdk动态代理,和cglib动态代理,根据其不同的结果分析其原理 一:测试目的 主要想看一下不同的代理模式对于目标类中方法上注...

岁一
34分钟前
6
0
V-Ray 5 For 3ds Max 正式发布:超越渲染 - 知乎

15个新功能,V-Ray5助你时间更节省,渲染更出色! 作者:ChaosGroup VRay 5 For 3ds Max 已正式发布! 2分钟视频,抢先预览新功能↓ 知乎视频 www.zhihu.com V-Ray 5 for 3ds Max 新增功能 ...

osc_o9u1um45
34分钟前
0
0
毕业的笑容和悲伤永远是校园的回忆

校园的风轻轻的拂过我的脸庞,风儿显得更加凉爽, 开满火红的凤凰树,染遍了校园的每个角落, 晚上那枝头蝉儿的竞相鸣奏,唱满了令人不舍的毕业歌, 它们彷彿告诉了我们要毕业了。 毕业典礼那...

瑾123
35分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部