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

【问题标题】：How to remove Thousand 'k' suffix from Amcharts-Stockchart如何从 Amcharts-Stockchart 中删除千 'k' 后缀
【发布时间】：2023-04-08 12:06:01
【问题描述】：

我使用 https://codepen.io/Volabos/pen/PyzmYd 中提供的 Amcharts 创建了一个 Stockchart

一切看起来都不错，但是我想从 Y-axis lables 和 Baloon 中删除 Thousand-k suffix，而不是希望有 千位分隔符 + 舍入到 2 .

有没有可能做到这一点？

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

任何指针都将受到高度赞赏。

【问题讨论】：

标签： javascript css amcharts

【解决方案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 类来清理它，但这基本上是技术。

【讨论】：

谢谢丹尼，这太棒了。知道如何根据“value2”系列的值为“value1”设置气球文本的样式吗？
更新了我的答案，如果有帮助，一定要打勾！