echarts代码格式化_echarts 的 formatter用法

前言:formatter格式化方法。使用formatter调用自定义的数据,把内容通过处理让变成我们想要的样子。

比如,echarts数据显示是这样的(bug:部分内容被隐藏掉了,显示太长,不美观)

这种情况,只能自己去写显示的样式了。显示的样式怎么写呢?

先看看echarts的文档:tooltip:提示框组件的设置(显示动态数据的半透明框)

formatter 的用法:

tooltip : {

formatter: function (params) {

// do some thing

return “名称:” +params.name

}

}

params 数据如下:(不知道params是什么的,打多几个断点,打印下数据就知道了)

我的代码:

tooltip: {

formatter: function(a) {

let list = []

let listItem = ''

for (var i = 0; i < a.length; i++) {

list.push(

'' +

a[i].seriesName +

'&nbsp&nbsp功效:' +

a[i].value[0] +

'&nbsp&nbsp专利数量:' +

a[i].value[1] +

'&nbsp&nbsp数量:' +

a[i].value[2]

)

}

listItem = list.join('
')

return '

' + listItem + '
'

}

}

效果如下:

下一篇:X轴斜体显示

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:1024 设计师:我叫白小胖 返回首页
评论

打赏作者

weixin_39694264

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值