自己怎么写js自定义控件

页面发开需要搞个这样的控件，网上找不到，自己怎么写啊。
需要用到哪些知识。

研究一下chart、eCharts、highCharts

你用了angularjs了吗 我是用angularjs中的directive来实现的
比如：
grgApp.directive("allkeypad",function(){
return{
restrict:'AE',
scope:{
touchstart:'&',
clear:'@',
ok:'@',
lowerkeypad:'=',
upkeypad:'='
},
templateUrl:'main/screen/custom/allkeypads.html',
}
});
创建一个自定义的键盘控件，使用的时候

建议看看这方面的教程

最接地气的容易被理解的就是，两种方式，1种是用模板来写，需要两个文件，先用一个简单的模板画好样式，然后传值，比如你那个0.19，另一种就是直接动态构建啦，只要一个js文件就可以了，在js文件中暴露一个对外的方法，其他的引用js之后调方法就可以了，建议看看jQuery.fn.extend拓展，或者只要你开心，直接return就可以