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

Question

我使用 https://codepen.io/Volabos/pen/PyzmYd

中可用的 Amcharts 创建了一个 Stockchart

一切看起来都不错，但是我想摆脱 Y-axis lables 和 Baloon 中的 Thousand-k suffix，相反，我希望拥有 Thousand分隔符 + 四舍五入到 2.

有没有可能实现这样的目标？

此外，我还想根据"value2"的值动态设置div class = 'Right'的各种CSS属性，例如如果其 值大于 500，则字体颜色将为绿色，否则为红色。

任何指点将不胜感激。

Answer 1

对于 y 轴，将 panelSettings 中的 usePrefixes 更改为 false：

"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>";
  }
}]

Updated pen

编辑

此处 updated pen 包含基于 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 类来清理它，但这基本上就是技术。

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

How to remove Thousand 'k' suffix from Amcharts-Stockchart

javascript

css

amcharts