在美元货币中显示JSON值（在$美元符号前面）

Question

我一直在研究一个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

Answer 1

这些标签是可选与一个CSS选择器，所以你也可以使用CSS自动生成前缀：

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

Answer 2

要更改提示的位置，OFFSETX和OFFSETY选项：

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