echars饼状图的formatter

我们有时候需要在饼状图显示多个数据，但是默认的数据就是那几个如图：

他会显示就是data中的name，和value。

 

然而echarts是提供了方法，可以自定义显示的格式和数据：

  formatter: function(data) {
                return (data['name'] + "数量:" + data['value'] + "</br>");
            }

但是我们需要显示更多的数据，就需要要了解它的数据结构，以及它的data的指向问题

 此时可以看到data的包含内容，也可看到data里还有一个data。了解到结构此时做法就简单了

  formatter: function(data) {
              
                return (data['name'] + "总量:" + data['value'] + "</br>" + "在用：" + data.data["usable"]);
            }

 data的数据格式为：

            data: [{
                value: 20,
                name: '1038',
                usable: 10,
            }, {
                value: 0,
                name: '1037',
                usable: 10,
            }, {
                value: 0,
                name: '1932',
                usable: 10,
            }, {
                value: 43,
                name: '1047',
                usable: 10,
            }, {
                value: 33,
                name: '1042',
                usable: 10,
            }, {
                value: 42,
                name: '1053',
                usable: 10,
            }, {
                value: 30,
                name: '1054',
                usable: 10,
            }, ],

当然了解到它的数据结构也不用完全这样写可以按照自己比较舒服的方式写，而且此方法是支持html标签的可以更改一些样式