关于echarts3.0散点图的一点封装
2016-10-18 16:44
141 查看
/** * 散点图 * @param obj * @param data */ function getScatterMap(obj,data){ var datamen = ""; $.each(data.men,function(key,value){ datamen = datamen + "["+key+","+value+"],"; }); var datawomen = ""; $.each(data.women,function(key,value){ datawomen = datawomen + "["+key+","+value+"],"; }); var option = { title : { text: '男性女性身高体重分布', subtext: '抽样调查来自: Heinz 2003' }, grid: { left: '3%', right: '7%', bottom: '3%', containLabel: true }, tooltip : { trigger: 'axis', showDelay : 0, formatter : function (params) { if (params.value.length > 1) { return params.seriesName + ' :<br/>' + params.value[0] + 'cm ' + params.value[1] + 'kg '; } else { return params.seriesName + ' :<br/>' + params.name + ' : ' + params.value + 'kg '; } }, axisPointer:{ show: true, type : 'cross', lineStyle: { type : 'dashed', width : 1 } } }, toolbox: { feature: { dataZoom: {}, brush: { type: ['rect', 'polygon', 'clear'] } } }, brush: { }, legend: { data:eval(data.legend), left: 'center' }, xAxis : [ { type : 'value', scale:true, axisLabel : { formatter: '{value} cm' }, splitLine: { show: false } } ], yAxis : [ { type : 'value', scale:true, axisLabel : { formatter: '{value} kg' }, splitLine: { show: false } } ], series : [ { name:'女性', type:'scatter', data:eval("[" + datawomen + "]"), markArea: { silent: true, itemStyle: { normal: { color: 'transparent', borderWidth: 1, borderType: 'dashed' } }, data: [[{ name: '女性分布区间', xAxis: 'min', yAxis: 'min' }, { xAxis: 'max', yAxis: 'max' }]] }, markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { lineStyle: { normal: { type: 'solid' } }, data : [ {type : 'average', name: '平均值'}, { xAxis: 160 } ] } }, { name:'男性', type:'scatter', data: eval("[" + datamen + "]"), markArea: { silent: true, itemStyle: { normal: { color: 'transparent', borderWidth: 1, borderType: 'dashed' } }, data: [[{ name: '男性分布区间', xAxis: 'min', yAxis: 'min' }, { xAxis: 'max', yAxis: 'max' }]] }, markPoint : { data : [ {type : 'max', name: '最大值'}, {type : 'min', name: '最小值'} ] }, markLine : { lineStyle: { normal: { type: 'solid' } }, data : [ {type : 'average', name: '平均值'}, { xAxis: 170 } ] } } ] }; var myChart = echarts.init(document.getElementById(obj)); myChart.setOption(option); }
相关文章推荐
- 关于对象数据封装的一点感悟
- 关于封装的一点想法
- 关于封装的一点想法
- 一点关于MD5计算的封装
- 关于网络层的封装的一点想法
- 关于系统U盘和未来5-10年电脑硬件发展的一点想法
- 买票--关于命令行的一点心得
- 关于Pos下开发的一点心得
- 关于网站管理系统的一点想法----关于自定义空件
- 关于Memcached Cache是集中式还是分布式的一点补充
- 关于PCA算法的一点学习总结
- (同事的原创)关于效率优化的一点工作心得
- 关于java中的protected一点理解
- 关于json的一点总结
- 关于自己对IMediaControl::Run()返回S_FALSE的一点见解
- (同事的原创)关于效率优化的一点工作心得
- 转载:关于项目管理的一点体会
- 关于C++内存的一点解释。
- 关于Spring事务嵌套的一点认识