要实现的效果:实现通过输入参数,进行图表top的排序筛选
图示:
筛选前:
输入3,看top3的值:
输入-3,看倒数3个的值:
设置步骤:
1️⃣:添加一个“文本参数组件”,添加一个“柱状图组件”
2️⃣:文本参数组件设置为:整数
柱状图组件:省份按照销售额进行高级降序排序,然后绑定文本参数
3️⃣:这样就可以实现了,在文本参数组件里输入“正数”进行topn的筛选,但还实现不了“负值”的排序筛选,需要写脚本来实现
4️⃣:用脚本来实现负值情况下能显示倒数的topN
脚本:
//获取文本参数值
var rank1=param["topN参数"]//获取柱状图x轴的数据
var col=topN组件.binding.getXCol(0)if(rank1>0){//如果获取的参数大于0,就让图表降序排序
col.sortType=6//拍完序设置topn的个数
col.sortRank=parseInt(rank1)}else{//获取到的是负数的话,就让图表升序排序
col.sortType=5col.sortRank=Math.abs(rank1)
}
topN组件.binding.setXCol(0,col)
代码实现思路:
获取文本参数的参数值->获取柱状图x轴的数据->
如果输入的参数大于0,那就将图表进行降序排序->然后把获取到的参数值赋值给图表进行topN的筛选->把topN筛选的索引给图表,图表最后进行可视化呈现
如果输入的参数小于0,那就将图表升序排序->然后把获取的到参数值转换为正值,再赋值给图表进行topN的筛选->把topN筛选的索引给图表,图表最后进行可视化呈现
函数解析:
param["topN参数"]:引用参数param['参数']
getXCol():获取x轴的绑定字段的信息
sortType:
parseInt:将字符串转换为整数
sortRank:设置高级排序中TopN
Math.abs:计算数值的绝对值