首页 > 代码库 > AmCharts 对数据排序后展示
AmCharts 对数据排序后展示
在官网看到的例子
给chart添加一个排序功能的handler
1 AmCharts.addInitHandler( function(chart){ 2 if (chart.orderByField === undefined){ 3 return; 4 } 5 chart.dataProvider.sort(function(a,b){ 6 if (a[ chart.orderByField ] > b[ chart.orderByField ]){ 7 return -1; 8 } 9 else if ( a[ chart.orderByField ] == b[ chart.orderByField ]){ 10 return 0; 11 } 12 return 1; 13 }); 14 }, ["serial"]);
配置chart(根据orderByField这个字段进行排序)
var chart = AmCharts.makeChart( "chartdiv", { "type": "serial", "theme": "light", "dataProvider": data, "categoryField": "key", "sortColumns": true, "orderByField": "doc_count", "graphs": [ { "balloonText": "[[category]]: <b> [[value]] </b>", "valueField": "doc_count", "fillColorsField": "color", "fillAlphas": 0.9, "fillAlpha": 0.2, "type": "column" } ], "categoryAxis": { "gridPosition": "start", "labelRotation": 45 } });
AmCharts 对数据排序后展示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。