博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echars的矩形数图根据大小根据一个值变化,颜色跟随另外一个值变化
阅读量:5329 次
发布时间:2019-06-14

本文共 2998 字,大约阅读时间需要 9 分钟。

$.post('/fapidata/news_credit', function (data_all) {
$("#managedNum").html(data_all.length); var data =[] ; var managedNum_color = ['#7FAE90','#9FDABF','#D48265','#61A0A8','#2F4554','#C23531']; var trend_ratio=[];//定义一个信用指数的数组 //信用指数数组排序(小到大) for (var i in data_all){
trend_ratio.push(data_all[i].trend_ratio); trend_ratio.sort(); } //遍历数组,存储echarsdata项 for(var i in data_all){
var item_color;//当前应该显示的颜色 //遍历指数数组,与原先数组对比,找出对应的颜色值 for(var j in trend_ratio){
if(data_all[i].trend_ratio==trend_ratio[j]){
item_color= managedNum_color[j]; break; } } var temp = {
risk: data_all[i].trend_ratio, value: data_all[i].account_topay, name: data_all[i].name, id: data_all[i].id, itemStyle:{normal:{color:item_color}} }; data.push(temp); }; myChart.hideLoading(); function colorMappingChange(value) {
var levelOption = getLevelOption(value); chart.setOption({
series : [ {
levels : levelOption } ] }); } var formatUtil = echarts.format; function getLevelOption() {
return [ {
itemStyle : {
normal : {
borderWidth : 0, gapWidth : 4 } } } ]; } myChart.setOption(option = {
title : {
left : 'center' }, textStyle : {
fontSize : 15, fontWeight : 'bold', }, tooltip : {
formatter : function(info) {
return [ '
' + info.name + '
', '待收金额: ' + info.data.value + ' 万元', '
', '信用指数: ' + info.data.risk].join(''); } }, series : [ {
name : '整体信用态势', type : 'treemap', visibleMin : 300, //childBorderWidth : 0, top:'top', width: '90%', height: '90%', breadcrumb: {
//top: '424', }, label : {
show : true, formatter : '{b}', textStyle : {
fontSize : 14 } }, itemStyle : {
normal : {
borderColor : '#fff' } }, levels : getLevelOption(), data : data } ] }); myChart.setOption(option); //myChart.on("click", function(param) {
// if (treeDataMap[param.data.name] == undefined) {
// treeDataMap[param.data.name] = param.data; // } else {
// window.open('/risk/analyse?id=' + param.id); // treeDataMap = {}; // } //}) })

转载于:https://www.cnblogs.com/yuzimmd/p/7007944.html

你可能感兴趣的文章
【转】C# 过滤HTML,脚本,数据库关键字,特殊字符
查看>>
iATKOS v7硬盘安装教程(硬盘助手+变色龙安装版)
查看>>
Android连接数据库的问题
查看>>
A Story of One Country (Hard) CodeForces - 1181E2 (分治)
查看>>
Android使用本地广播
查看>>
python 删除大表数据
查看>>
【CC评网】2013.第44周 把握每天的第一个小时
查看>>
高效的使用STL
查看>>
用Perl编写Apache模块续 - SVNAuth
查看>>
mssql sqlserver 使用sql脚本 清空所有数据库表数据的方法分享
查看>>
tips to understand kexec
查看>>
mybatis入门
查看>>
分层图最短路【bzoj2763】: [JLOI2011]飞行路线
查看>>
FastReport.Net使用:[18]形状(Shape)控件用法
查看>>
maven常用命令
查看>>
西安游记(钟楼 -- 回民街 -- 西安古城墙)
查看>>
Java异步NIO框架Netty实现高性能高并发
查看>>
2014百度之星第一题Energy Conversion
查看>>
【机器学习】机器学习界大牛林达华推荐的书籍
查看>>
-webkit-box 高度自动填满
查看>>