Javascript勾画曲线图(二)

最新推荐文章于 2025-07-22 05:00:00 发布

原创最新推荐文章于 2025-07-22 05:00:00 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #CSS #ViewUI

UI 专栏收录该内容

122 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的自定义数学运算方法，包括精度控制、浮点数的加减乘除等实用函数，并提供了用于图表绘制的辅助计算功能。此外，还附带了一个未作修改的CSS文件，用于定义页面元素的样式。

Javascript勾画曲线图(二)

3.自己用到的一个common.js
//取精度
function getPoint(num, l) {
return (Math.round(num*Math.pow(10, l))/Math.pow(10, l));
}

//浮点除法
function accDiv(arg1,arg2){
var t1=0,t2=0,r1,r2;
try{t1=arg1.toString().split(".")[1].length}catch(e){}
try{t2=arg2.toString().split(".")[1].length}catch(e){}
with(Math){
r1=Number(arg1.toString().replace(".",""))
r2=Number(arg2.toString().replace(".",""))
return (r1/r2)*pow(10,t2-t1);
}
}

//浮点乘法
function accMul(arg1,arg2)
{
var m=0,s1=arg1.toString(),s2=arg2.toString();
try{m+=s1.split(".")[1].length}catch(e){}
try{m+=s2.split(".")[1].length}catch(e){}
return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)
}

//浮点加法
function accAdd(arg1,arg2){
var r1,r2,m;
try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}
try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}
m=Math.pow(10,Math.max(r1,r2))
return (arg1*m+arg2*m)/m
}

4.没有改动的CSS文件vmlcurve.css
v\:* { behavior: url(#default#VML);} o\:* { behavior: url(#default#VML);}
body {
margin:0px;
padding:0px;
font-size:12px;
text-align:left
}

.pBlack {
font-weight:bold;
font-size:12px;
}

.pRed {
font-weight:bold;
font-size:12px;
color:#FF0000;
}

/*横坐标轴样式*/
.pMonth {
font-size:66px;
font-family:"黑体";
color:#CCCCCC;
letter-spacing: 3px;
}

/*提示信息样式*/
.ToolTip {
padding:4px;
margin:4px;
background-color: #CCCCCC;
border: 1px solid #0066FF;
text-align:left;
}

/*标题显示样式*/
.Title {
font-family:"宋体", "华文仿宋";
font-size:16px;
text-align:center;
font-weight:bold;
color:#996600;
vertical-align:middle;
}

.curveBody{
margin:0;
padding:0;
height:20px;
font-size:12px;
}

.curveForm{
margin:0;
padding:0;
height:20px;
font-size:12px;
}