前端 - 封装d3的data.format功能遇到问题
高洛峰
高洛峰 2017-05-15 16:56:28
0
1
563

在使用c3.js的tooltip.format.value功能的时候碰到一些问题,需要自己封装一个函数,DOM中直接呈现一个下拉列表,用户可以选择值来设定format
有四个选项,$,千位符,精确到小数点两位或者其他位,同时设置$和千位符($6789,000)

框架用的是angularjs,我在directive指令里面封装了一个函数

function dataFormat() { var tooltipFormatValue = []; tooltipFormatValue[0] = {'$':d3.format("$")}; tooltipFormatValue[1] = {'thousands separator':d3.format("s")};//千位符 tooltipFormatValue[2] = {'precision':d3.format(".2f")};//精确小数点后面两位 tooltipFormatValue[3] = {'$ and thousands separator': d3.format("$ | currency: $")};//带$和千位符 console.log(tooltipFormatValue) d3.format = { value: function(value,id,name) { var format = id === name ? d3.format(','):d3.format(','); return format(value); } } }

**1.怎么同时设定$和千位符格式?
2.不知道我的函数思路对不对,目前思绪很混乱**

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全員に返信 (1)
巴扎黑

1.怎么同时设定$和千位符格式?
d3.format('$,')(value)

いいねを押す+0
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート
    私たちについて 免責事項 Sitemap
    PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!