Question

我使用https://codepen.io/Volabos/pen/PyzmYd中可用的Amcharts创建了Stockchart

在一切看起来不错的地方，但是我想摆脱Thousand-k suffix和Y-axis lables中的Baloon，而是希望拥有千位分隔符+舍入值最多2 。

是否有可能实现这一目标？

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

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

Answer 1

对于y轴，将usePrefixes中的panelSettings更改为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中删除千个“ k”后缀

1 个答案: