在美元貨幣中顯示JSON值（在$美元符號前面）

我一直在研究一個Javascript InfoVis工具包，以在交互式區域圖表中創建[高度樂觀]的預測投影。

我無法讓標籤在圖表中顯示「$」前綴。但是，我可以用工具提示成功地包含一個「$」+值+「M」（當您將鼠標懸停在顯示的圖表區域上時，例如：AUM：114萬美元 - 這是理想的，我想如何顯示標籤）;使用JavaScript函數

//enable tips 
    Tips: { 
    enable: true, 
    onShow: function(tip, elem) { 
     tip.innerHTML = "<b>" + elem.name + "</b>: " + "&#36;" + elem.value + "M"; 
    } 
    },

JSON數據是這樣的：

var json = { 
    'color': ['#ccc', '#54b666', '#2d6837', '#15311a'], 
    'label': ['Year Expenses', 'Year Net Profit', 'Year Profit', 'AUM'], 
    'values': [ 
    { 
     'label': 'Year 1', 
     'values': [.05, .14, .25, 5] 
    }, 
    { 
     'label': 'Year 2', 
     'values': [.06, .21, .34, 6.14] 
    }, 
    { 
     'label': 'Year 3', 
     'values': [.06, .29, .47, 7.85] 
    }, 
    { 
     'label': 'Year 5', 
     'values': [.13, .54, .91, 14.30] 
    }, 
    { 
     'label': 'Year 10', 
     'values': [.35, 5.93, 6.67, 115.46] 
    } 
    ] 

};

與圖表的HTML頁面：http://kimerick.com/invest/financials.html

並全面JS：http://kimerick.com/invest/js/area/example1.js

來源

2013-02-16 Jacob Irwin

這些標籤是可選與一個CSS選擇器，所以你也可以使用CSS自動生成前綴：

#infovis-label div div div:last-child:before{ content:"$"; }

來源

2013-02-16 05:51:52

這完美地工作，謝謝！ – 2013-02-16 07:55:59

要更改提示的位置，OFFSETX和OFFSETY選項：

var viz = new $jit.Viz({ 
    Tips: { 
     enable: true, 
     type: 'Native', 
     offsetX: 10, 
     offsetY: 10, 
     onShow: function(tip, node) { 
      tip.innerHTML = node.name; 
     } 
    } 
});

來源

2013-02-16 10:16:39

在美元貨幣中顯示JSON值（在$美元符號前面）

回答

相關問題