Echarts 饼状图 悬停多行显示问题解决方法

E charts 图表  通常只会显示一行


如图所示

当项目需要显示两行,三行或者更多时 需要自定义这一块显示数据。

首先 找到配置参数位置


formatter

formatter 可以作为直接参数 也可以做为函数进行数据处理

举例:

formatter:function (params){

        console.log(params)  //输出的params是来自series的data数据源

}

我们可以使用return  返回字符串模版的 拼接数据

如图

此时已经完成需求,但是返回的数值没有百分比,需要对数据再次处理


模版变量

其中{d} 代表  百分比,强行使用{d} 是不显示比例的,通过输出测试,发现


d = percent

因此  在模版字符串中直接拼接该参数:


End  完成!
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。