echarts下工资收入、五险一金、个人所得税走势图表

燕飞南北知暑热，人走东西只为钱。

echarts下的line实现的北京地区（2016年基准）工资收入、五险一金、个人所得税计算图表。

直接访问：http://gallery.echartsjs.com/preview.html?c=xHJlPbUPRzb



附代码：

（注：可直接在http://echarts.baidu.com/demo.html#area-simple内清空代码区后，粘贴以下代码实现）

//-----------------------------dn：可进行参数设置------------------------------
var bFixedIn = false; // 固定社保基数标志：false不固定，true固定
var bFixedHouse = false; // 固定公积金基数标志：false不固定，true固定

var fFixedInBase = 13768; // 固定的社保基数
var fFixedHouseBase = 12000; // 固定的公积金基数

var fExemptionPoint = 3500; // 免税起点

// 五险一金个人比例
var fRateInEnd = 0.08; // 养老 8%
var fRateInMed = 0.02; // 医疗 2%
var fRateInUnEmp = 0.002; // 失业 0.2%
var fRateInInjuery = 0; // 工伤
var fRateInMate = 0; // 生育
var fRateInHouse = 0.12; // 公积金

// 北京2016年上、下限

var fInEndMin = 2834; // 养老保险下限
var fInEndMax = 21258; // 养老保险上限

var fInMedMin = 4252; // 医疗保险下限
var fInMedMax = fInEndMax; // 医疗保险上限

var fInHouseMin = 412.8 / 2; // 公积金下限
var fInHouseMax = 5101.92 / 2; // 公积金上限

//-----------------------------up：可进行参数设置------------------------------

// 计算人个交五险一金
function funcCalc5In(fIncome) {
var fSum = 0;

// 养老
var fInEndTmp = fIncome < fInEndMin ? fInEndMin
: (fIncome > fInEndMax ? fInEndMax : fIncome);
fSum += fInEndTmp * fRateInEnd;

// 医疗
var fInMedTmp = fIncome < fInMedMin ? fInMedMin
: (fIncome > fInMedMax ? fInMedMax : fIncome);
fSum += fInMedTmp * fRateInMed;

// 失业
var fInUnEmpTmp = fIncome < fInEndMin ? fInEndMin
: (fIncome > fInEndMax ? fInEndMax : fIncome);
fSum += fInUnEmpTmp * fRateInUnEmp;

// 工伤
var fInInjueryTmp = fIncome < fInMedMin ? fInMedMin
: (fIncome > fInMedMax ? fInMedMax : fIncome);
fSum += fInInjueryTmp * fRateInInjuery;

// 生育
var fInMateTmp = fIncome < fInMedMin ? fInMedMin
: (fIncome > fInMedMax ? fInMedMax : fIncome);
fSum += fInMateTmp * fRateInMate;

return fSum;
}

// 计算公积金
function funcCalcHouse(fIncome) {
// 公积金
var fInHouseTmp = fIncome * fRateInHouse;
fInHouseTmp = fInHouseTmp < fInHouseMin ? fInHouseMin
: (fInHouseTmp > fInHouseMax ? fInHouseMax : fInHouseTmp);

return fInHouseTmp;
}

// 计算税
function funcCalcTax(fIncome, f5In, fExemptionPoint) {
var iRet = 0;
var strRank = '';

var fVal = fIncome - f5In - fExemptionPoint;
if (fVal <= 0) {
iRet = 0;
strRank = '不用交税';
}
else if (fVal <= 1500){
iRet = fVal * 0.03;
strRank = '(0, 1500]';
}
else if (fVal <= 4500) {
iRet = fVal * 0.1 - 105;
strRank = '(1500, 4500]';
}
else if (fVal <= 9000) {
iRet = fVal * 0.2 - 555;
strRank = '(4500, 9000]';
}
else if (fVal <= 35000) {
iRet = fVal * 0.25 - 1005;
strRank = '(9000, 35000]';
}
else if (fVal <= 55000) {
iRet = fVal * 0.3 - 2755;
strRank = '(35000, 55000]';
}
else if (fVal <= 80000) {
iRet = fVal * 0.35 - 5505;
strRank = '(55000, 80000]';
}
else {
iRet = fVal * 0.45 - 13505;
strRank = '土豪';
}
var objTmp = {};
objTmp.val = iRet;
objTmp.rank = strRank;
return objTmp;
}

var aryIncomeX = [];
var aryIncomeYTax = [];
var aryIncomeY = [];
var aryIncomeYRankDesc = [];
var aryIncomeY5In = [];
var aryIncomeYHouse = [];
var fIncomeLeft = 3500;
var fIncomeRight = 90000;
for (var i = fIncomeLeft; i <= fIncomeRight; i += 100) {
aryIncomeX.push(i);
var f5In = funcCalc5In(bFixedIn ? fFixedInBase : i); //.toFixed(2);
var fHousePerson = funcCalcHouse(bFixedHouse ? fFixedHouseBase : i); //.toFixed(2);
var f5In_House = f5In + fHousePerson;
var objVal_Rank = funcCalcTax(i, f5In_House, fExemptionPoint);
var fTax = Math.ceil(objVal_Rank.val);

aryIncomeYTax.push(fTax);
aryIncomeY.push(i - fTax - f5In_House);
aryIncomeY5In.push(f5In);
aryIncomeYHouse.push(fHousePerson);
aryIncomeYRankDesc.push(objVal_Rank.rank);
}

option = {
title: {
text: 'tax in beijing : exemption pt : ' + fExemptionPoint
},
tooltip: {
trigger: 'axis',
formatter: function(params) {
var iIndex = params[0].dataIndex;
var aryHtml = [];

// 收入
aryHtml.push('收入：' + aryIncomeX[iIndex] + '<br />');

// 五险
aryHtml.push('五险：' + aryIncomeY5In[iIndex].toFixed(2) + '<br />');

// 公积金
aryHtml.push('公积金：' + aryIncomeYHouse[iIndex].toFixed(2) + '<br />');

// 五险+公积金
aryHtml.push('五险+公积金：' + (aryIncomeY5In[iIndex] + aryIncomeYHouse[iIndex]).toFixed(2) + '<br />');

// 个税
aryHtml.push('个税：' + aryIncomeYTax[iIndex].toFixed(2) + '<br />');

// 个税等级
aryHtml.push('个税等级：' + aryIncomeYRankDesc[iIndex] + '<br />');

// 五险+公积金+个税
aryHtml.push('五险+公积金+个税：' + (aryIncomeY5In[iIndex] + aryIncomeYHouse[iIndex] + aryIncomeYTax[iIndex]).toFixed(2) + '<br />');

// 税后收入
aryHtml.push('税后收入：' + aryIncomeY[iIndex].toFixed(2) + '<br />');

// +公积金税后收入
aryHtml.push('+公积金税后收入：' + (aryIncomeY[iIndex] + aryIncomeYHouse[iIndex] * 2).toFixed(2) + '<br />');

// 年收入
aryHtml.push('年收入：' + (aryIncomeX[iIndex] * 12).toFixed(2) + '<br />');

// 税后年收入
aryHtml.push('税后年收入：' + (aryIncomeY[iIndex] * 12).toFixed(2) + '<br />');

// +公积金税后年收入
aryHtml.push('+公积金税后年收入：' + ((aryIncomeY[iIndex] + aryIncomeYHouse[iIndex] * 2) * 12).toFixed(2) + '<br />');

// 年缴税
aryHtml.push('年缴税：' + (aryIncomeYTax[iIndex] * 12).toFixed(2) + '<br />');

return aryHtml.join('');
}
},
xAxis: {
data: aryIncomeX
},
yAxis: [
{
type: 'value',
scale: true,
name: 'tax',
//max: 20000,
min: 0
},
{
type: 'value',
scale: true,
name: 'income',
max: fIncomeRight,
min: 0,
splitLine: {
show: false
}
}
],
legend: {
right: 20,
data: ['tax', 'income']
},
dataZoom: [{
start: 0,
end: 100
}, {
type: 'inside'
}],

series: [{
name: 'tax',
type: 'line',
yAxisIndex: 0,
data: aryIncomeYTax
}
,
{
name: 'income',
type: 'line',
yAxisIndex: 1,
data: aryIncomeY
}
]
};