echarts pie图(饼图)图例显示数据值

echarts pie图(饼图)图例显示数据值

老板说想要饼图的图裂也显示数据,就像这样echarts pie图(饼图)图例显示数据值_第1张图片
一开始以为只需要向像tooltip一样formatter: '{a}
{b}: {c} ({d}%)'就可以了,结果当然是不行的,后面去看了文档,我发现echarts pie图(饼图)图例显示数据值_第2张图片
嗯没错,他这个formatter只有一个name参数,可愁死我了,然后网上找了一大堆方法,也没找到合适的,就只能自己看看源码看能不能改改了,因为我用的是普通的图例,就先在源码里搜了一下plain,找到了处理图例的那个地方,下面有一个_createItem函数,做了一些改动echarts pie图(饼图)图例显示数据值_第3张图片
找到调用_createItem的地方echarts pie图(饼图)图例显示数据值_第4张图片然后legend增加一项配置:formatter:"{name}:{value}", 运行一下,大功告成。

你可能感兴趣的:(前端杂烩,javascript)