如何在plotly.js中隐藏number+delta指示器上的delta值?

问题描述 投票:0回答:1

我很难弄清楚是否有一种方法可以在指标图表上隐藏 Delta 数值,而只显示递增和递减符号?

我浏览了文档,但看起来 delta 对象没有隐藏数值的选项。我在想也许有办法用 d3 格式来做到这一点?文档链接:https://plotly.com/javascript/reference/indicator/#indicator-delta-valueformat

当前配置:

[
    {
        "mode": "number+delta",
        "type": "indicator",
        "delta": {
            "position": "right",
            "reference": 0,
        },
        "value": 225,
        "number": {
            "prefix": "$",
            "valueformat": ",.2f"
        }
    }
]

下面是我试图实现的图像,非常感谢任何指点!

javascript graph plotly plotly.js
1个回答
0
投票

我最终使用 REGEX 来替换 DOM 中的增量值。

   let chart = document.getElementById(id);
   let deltaElement = chart.getElementsByClassName("delta");
   deltaElement[0].textContent = deltaElement[0].textContent.replace(/\d+/, "");

感谢@EricLavault 为我指明了这个方向。

© www.soinside.com 2019 - 2024. All rights reserved.