javascript - 如何从 Amcharts-Stockchart 中删除千 'k' 后缀

Question

我在https://codepen.io/Volabos/pen/PyzmYdStockchart中创建了一个使用 Amcharts

一切看起来都不错，但是我想摆脱Thousand-k suffixfromY-axis lables和 from Baloon，而是希望将千位分隔符 + 舍入值增加到 2。

有没有可能做到这一点？

此外，我还想根据值动态设置 的各种CSS属性，div class = 'Right'"value2"例如，如果它的值大于 500，那么 Font-color 将是 green 否则 red。

任何指针将不胜感激。

Answer 1

对于 y 轴，将您的更改usePrefixes为panelSettingsfalse：

"panelsSettings": {
  "usePrefixes": false
},

对于气球，实现balloonFunction来自定义格式：

stockGraphs: [{
  "id": "g1",
  ...
  "balloonFunction": function(graphDataItem, graph) {
    var value = graphDataItem.values.value;
    return "<div>Value<br/>" + Math.round(value).toLocaleString('en-us'); + "</div>";
  }
}]

更新的笔

编辑

这是更新的笔，包括基于value2. 新的 balloonFunction 如下所示：

function(graphDataItem, graph) {
  var value = graphDataItem.values.value;
  var value2 = graphDataItem.dataContext.rawData[0].value2;
  return "<div style='color:" + (value2 > 500 ? 'green' : 'red') + "'>Value<br/>" + 
    Math.round(value).toLocaleString('en-us'); +
    "</div>";
}

您也可以使用字符串插值和 CSS 类来清理它，但这基本上是技术。