1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > echarts 自定义按钮实现正序排序 倒序排序 还原

echarts 自定义按钮实现正序排序 倒序排序 还原

时间:2023-08-11 18:37:02

相关推荐

echarts 自定义按钮实现正序排序 倒序排序 还原

//按照某个属性进行排序(示例:按照对象的total属性进行排序)function sortByNumber(a,b) {return parseInt(b.total,10) - parseInt(a.total,10);}

var allDataForOrder = null;//排序重新加载时需要的列表数据var allTotalForOrder = null;//排序重新加载时需要的总量数据var myChartForPie = null;var labelTop = {normal : {label : {show : true,position : "center",formatter : "{b}",textStyle: {baseline : "bottom"}},labelLine : {show : false}}};var labelBottom = {normal : {color: "#ccc",label : {show : true,position : "center"},labelLine : {show : false}},emphasis: {color: "rgba(0,0,0,0)"}};var radius = [40, 55];var labelFromatter = {normal : {label : {formatter : function (params){return 100 - params.value + "%";},textStyle: {baseline : "top"}}}};var secondOption = {title : {text: "The App World",//主标题subtext: "from global web index",//副标题x: "center"},toolbox: {show : true,feature : {dataView : {show: true, readOnly: true},myAsc:{show:true,title: "正序",icon: 'image://'+ ctx + "/images/dataAnalysis/ascending .png",onclick:function () {//克隆对象var tem = JSON.parse(JSON.stringify(allDataForOrder));tem.sort(sortByNumber).reverse();myChartForPie.setOption(editOption(tem,allTotalForOrder));}},myDesc:{show:true,title: "逆序",icon: 'image://'+ ctx + "/images/dataAnalysis/descending.png",onclick:function () {var tem = JSON.parse(JSON.stringify(allDataForOrder));tem.sort(sortByNumber);myChartForPie.setOption(editOption(tem,allTotalForOrder));}},myRestore : {show: true,title: "还原",icon: 'image://'+ ctx + "/images/dataAnalysis/order.png",onclick:function () {myChartForPie.setOption(editOption(allDataForOrder,allTotalForOrder));}},saveAsImage : {show: true}}},series : []};

//循环修改option的值function editOption(data) {var thirdOption = {};var series = [];var legend = [];for(var i = 0; i < data.length; i ++){var tempLegend = {//省略};var tempSeries ={//省略};series.push(tempSeries);legend.push(tempLegend);}thirdOption.legend = legend;thirdOption.series = series;return thirdOption;}

//调用渲染方法function showPie(data) {myChartForPie = echarts.init(document.getElementById("domId"));myChartForPie.setOption(secondOption);allDataForOrder = data;myChartForPie.setOption(editOption(data));}}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。