echarts 饼图 逆时针降序排序

需求

echarts饼图,按照其每块的大小,逆时针从大到小排序,这样很清晰的看到大小关系。

实现

  • 因为饼图数据是 [{ name, value }] 这样的 JSONArray,而我们查echarts官方文档可以得知,echarts默认是顺时针排序的,那么我们只要将 JSONArray按照value进行排序,最后得到的就是一个有序的饼图(不论是逆时针还是顺时针从大到小);
    在这里插入图片描述

  • JSONArray进行排序,可以查看MDN官方文档得知:
    arr.sort([compareFunction])
    其中的参数 compareFunction是可选的:

  1. 不指定compareFunction,默认按照unicode位点进行排序,
    比如 [1, 10000, 2, 22] 就是一个排序号的array。

  2. 指定 compareFunction(a, b)
    (1) 如果 compareFunction(a, b) 小于0,a会被排到b前面;
    (2) 如果 compareFunction(a, b) 大于0, b会被排到a前面;
    (3) 如果 = 0,相对位置不变。
    所以如果比较数字,则可以写成

    array.sort(function(a, b) return { a - b })
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值