首页 前端知识 【ECharts】echarts中的 formatter中的a,b,c,d等参数的意义 echarts tooltip formatter 自定义数据

【ECharts】echarts中的 formatter中的a,b,c,d等参数的意义 echarts tooltip formatter 自定义数据

2024-06-10 23:06:17 前端知识 前端哥 590 646 我要收藏

非自定义formatter函数下

其中变量a、b、c在不同图表类型下代表数据含义为:
折线(区域)图、柱状(条形)图: a(系列名称),b(类目值),c(数值), d(无)
散点图(气泡)图 : a(系列名称),b(数据名称),c(数值数组), d(无)
饼图、雷达图 : a(系列名称),b(数据项名称),c(数值), d(百分比)
弦图 : a(系列名称),b(项1名称),c(项1-项2值),d(项2名称), e(项2-项1值)
力导向图 :
节点 : a(类目名称),b(节点名称),c(节点值)
: a(系列名称),b(源名称-目标名称),c(边权重), d(如果为true的话则数据来源是边)

自定义formatter函数下

// 提示框
    tooltip: {
      trigger: 'item',
      formatter: function(params){
          //console.log('formatter params', params)
          //params是echarts封装的参数
          if(params.data.value == undefined){
              params.data.value = '1111'
              return ("")
          }
          if(params.data.value.length > 0){
              params.data.value = '2222'
              return ("")
          }
          return (params.name +  '<br>打标数量:' + params.data.value)
         
      },
    }

参数列表如下:
<Array> params : 数组内容同模板变量,[[a, b, c, d], [a1, b1, c1, d1], …]
<String> ticket : 异步回调标识
<Function> callback : 异步回调,回调时需要两个参数,第一个为前面提到的ticket,第二个为填充内容html

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11817.html
标签
评论
发布的文章

第一次实验补充

2024-06-18 09:06:14

html5shiv,从入门到深入

2024-05-09 10:05:07

html5基础入门

2024-06-18 09:06:07

HTML5学习简记

2024-06-18 09:06:20

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!