echarts纵坐标改为科学计数法 |
您所在的位置：网站首页 › 小数怎么用科学计数法 › echarts纵坐标改为科学计数法 |
echarts纵坐标改为科学计数法
|
echarts纵坐标改为科学计数法
先贴代码echarts中坐标配置具体分析知识点提取Math.abs(value)indexOf()replace()parseFloat()Math.pow(底数,几次方).toFixed()方法扩展--- 一些数值转换函数Number()parseInt()详解parseFloat().toString()
先贴代码
yAxis: {
type: 'value',
// 科学记数法
axisLabel: {
formatter: function (value) {
if (Math.abs(value) > 100000) {
if (value == 0) {
return "0";
// 检查是否已经转化为科学计数了
} else if ((value + '').indexOf('e') > 0) {
return (value + '').replace(/e/, "E");
} else {
var res = value.toString();
var numN1 = 0;
var numN2 = 1;
var num1 = 0;
var num2 = 0;
var t1 = 1;
// 计入小数点前后有多少位
for (var k = 0; k
var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))
// 输出：
Visit W3School!
parseFloat()
函数解析参数，并返回一个浮点数。// 栗子： parseFloat("12"); // 12 parseFloat("12.25"); // 12.25 parseFloat("34 45 66");// 34 parseFloat(" 20 ");// 20 parseFloat('314e-2'); // 3.14 parseFloat('0.0314E+2'); // 3.14 parseFloat('3.14 more non-digit characters');// 3.14 Math.pow(底数,几次方) 基础用法:用math.pow()实现数组的交错求和 int ant=0;i a+=b[i]*math.pow(-1,i); //实现b数组的交错求和并放在a中 结果a=b[0]+b[1]-b[2]+b[3]-b[4].... .toFixed()方法此处转载自：原文链接 toFixed在不同的浏览器实现不同，在IE10及以上里面是正常的四舍五入，但是别的浏览器里面就不一样了，它不是正常的四舍五入（等下重点说），比如： var a = 1.335; console.log(a.toFixed(2)) // IE 1.34 //chorme 1.33其他的浏览器我没去一一测试，所以如果大家用了其他浏览器的还是需要去实际测试一下，我这里就说说javascript的toFixed()方法的四舍五入原理： toFixed它是一个四舍六入五成双的诡异的方法(也叫银行家算法)，"四舍六入五成双"含义：对于位数很多的近似数，当有效位数确定后，其后面多余的数字应该舍去，只保留有效数字最末一位，这种修约（舍入）规则是“四舍六入五成双”，也即“4舍6入5凑偶”这里“四”是指≤4 时舍去，"六"是指≥6时进上，"五"指的是根据5后面的数字来定，当5后有数时，舍5入1；当5后无有效数字时，需要分两种情况来讲：①5前为奇数，舍5入1；②5前为偶数，舍5不进。（0是偶数） 但是，经过我的测试发现，在chorme下面（最新版），并没有完全遵守这个规则，尤其是5的后面没有数字的时候，不是这么判断的，如下： **var b = 1.335 b.toFixed(2) "1.33" var b = 1.345 b.toFixed(2) "1.34" var b = 1.355 b.toFixed(2) "1.35" var b = 1.365 b.toFixed(2) "1.36" var b = 1.375 b.toFixed(2) "1.38" var b = 1.385 b.toFixed(2) "1.39"**可以发现在chorme下没有完全去遵循这个规律，或许它有自己的算法，但是毕竟它没有遵循通用的银行家算法，所以tofixed这个方法在涉及到金钱计算的业务中还是少用， 最好别用，否则可能会出大问题！ 下面再再说说我自己的做法，就是根据精确位数来取小数点后的数，然后判断精确位是大于4还是小于等于4 我们的业务是最多精确到分，也就是两位小数，最少就是取整，不留小数 function moneySwitch(money, precision){//precision是需要精确的位数，如百分位就是2 var result = 0; //先进行一个千分位的四舍五入，保证3.0999这种情况在保留一位小数的时候能是对的，这一位可以这么做没什么问题 var money = parseFloat(money).toFixed(3); try{ var int_part = money.split(".")[0], //小数点前的整数 point_num = money.split(".")[1],//取小数点后面的小数 precision_num = point_num[3-precision]; if(precision_num>4){//五入的情况 if(precision==1){ point_num = parseInt(point_num)+10+""; if(point_num.length>3){//说明往整数位进1 int_part = parseInt(int_part)+1+""; point_num = point_num[1]+point_num[2]; }else{ point_num = point_num[0]+point_num[1]; } result = parseFloat(int_part+"."+point_num); }else if(precision==2){ point_num = parseInt(point_num)+100+""; if(point_num.length>3){//说明往整数位进1 int_part = parseInt(int_part)+1+""; point_num = point_num[1]; }else{ point_num = point_num[0]; } result = parseFloat(int_part+"."+point_num); }else if(precision==3){ int_part = parseInt(int_part)+1+""; point_num = 0; } result = parseFloat(int_part+"."+point_num); }else{//四舍的情况 if(precision==1){ point_num = point_num[0]+point_num[1]; }else if(precision==2){ point_num = point_num[0]; }else if(precision==3){ point_num = 0; } result = parseFloat(int_part+"."+point_num); } }catch(e){ return parseFloat(money).toFixed(2);//如果过程中有出错就tofixed代替为解决 } return result; } 扩展— 一些数值转换函数转自原文链接 Number()Number()转换规则： 如果是Boolean，分别转化为0 ， 1 如果是数字值，只是简单的传入和传出 如果是null值，返回0 如果是undefined， 返回NaN 如果是字符串，遵循以下规则： 如果字符串中只包含数字，（包括前面带正号或负号的情况），则将其转换为十进制数值，即"1"会变成 1，“123"会变成 123，而"011"会变成 11（注意：前导的零被忽略了）；如果字符串中包含有效的浮点格式，如"1.1”，则将其转换为对应的浮点（也会忽 略前导零）如果字符串中包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整 数值如果字符串是空的（不包含任何字符），则将其转换为 0如果字符串中包含除上述格式之外的字符，则将其转换为 NaN 如果是对象，则调用对象的 valueOf()方法，然后依照前面的 规则转换返回的值。如果转换 的结果是 NaN，则调用对象的 toString()方法，然后再次依照前面的规则转换返回的字符串值 parseInt()parseInt()转换规则： parseInt()函数在转换字符串时，更多的是看其是否符合数值模式。它会忽略字符前面的空格，直到找到第一个非空格字符。 如果第一个字符不是数字字符或者负号，parseInt会返回NaN;也就是说，用parseInt()转换空格字符会返回NaN（Number()对空字符返回0） 如果第一个字符是数字字符parseInt()会继续解析第二个字符，直到解析完所有后续字符或者遇到了非数字字符。'1233aa’会被转换为1233.'22.3’会被转换为22，因为 . 不是有效的数字字符。 如果字符串中的第一个字符是数字字符，parseInt()也能够识别出各种整数格式。也就是说，如果字符串以’0x’开头并且后面跟数字字符，就会将其当做一个十六进制整数，如果字符串以’0’开头，并且后面跟数字字符，则会将其当做一个八进制数来解析。 var num1 = parseInt(;1234blue;); // 1234 var num2 = parseInt(;;); // NaN var num3 = parseInt(;0xA;); // 10（十六进制数） var num4 = parseInt(22.5); // 22 var num5 = parseInt(;070;); // 56（八进制数） var num6 = parseInt(;70;); // 70（十进制数） var num7 = parseInt(;0xf;); // 15（十六进制数）ECMAScript 3 JavaScript引擎会把’070’当做八进制，而在ECMAScript 5 JavaScript引擎中，前导的0被忽略，当做十进制解析。 为了消除在使用parseInt()函数时可能导致的问题，可以为这个函数提供第二个参数：转换时使用的基数。 parseInt('10', 16) parseInt('0xAF', 16) //指定了十六进制可以不用写'ox' parseInt('AF', 1 6) 详解parseFloat()parseFloat()转换规则 与parseInt()相同，parseFloat()也是从第一个字符开始解析每个字符。而且也是一直解析到字符串末尾，或者解析到遇见一个无效的浮点数字字符为止。也就是说，字符串的第一个小数点是有效的，第二个小数点就无效了。 parseFloat会忽略前导的0， 只解析十进制。 如果字符串包含的是一个可解析为整数的数（么有小数点或者小数点后面都是0），parseFloat()会返回整数。 var num1 = parseFloat(;1234blue;); //1234 （整数） var num2 = parseFloat(;0xA;); //0 var num3 = parseFloat(;22.5;); //22.5 var num4 = parseFloat(;22.34.5;); //22.34 var num5 = parseFloat(;0908.5;); //908.5 var num6 = parseFloat(;3.125e7;); //31250000 .toString()转自 JS中的所有对象都具有toString方法，它把一个变量隐式转换为字符串 Number类型的对象的toString()方法比较特殊，有默认模式和基模式两种 默认模式： 基模式： |
无论我们用什么表示法声明数字变量，都会按十进制返回
转换为相应的进制 ####################################### 6.9更新： 将横坐标改为斜体【本文地址】
今日新闻 |
推荐新闻 |