Question

我意识到这可能是我对Dimple系列的误解，但我无法弄清楚如何更改D3 Dimple工具提示？

说我有这样的数据：

$BackupStatus;
try
{

$BackupStatus=Get-AzureRmRecoveryServicesBackupContainer 

}
catch
{
  # we can add condition for example : if($BackupStatus.Contains("NotRegistered"))
   $BackupStatus = "NotRegistered"

}
# we can add condition :get the type of $BackupStatus for example :if($BackupStatus.GetType().Name.equals("String"))`
$BackupStatus = "Registered"

当移动到气泡时会显示工具提示

var data = [{"date":"01-02-2010","cost":"3796"},{"date":"01-03-2010","cost":"2699"},{"date":"01-04-2010","cost":"4588"}];

但我想显示工具提示，如

date:01-02-2010
cost:3796
cost:3.8k

我认为问题是

date:01-02-2010
cost:3796

但我不知道如何修改工具提示

这是jsfiddle：http://jsfiddle.net/andrewarnier/Ra2xS/332/

有什么建议吗？非常感谢！

Answer 1

我将你的小提琴更新为你的欲望输出。但我只想指出，我使用的是dimple v2.2.0版本。

Working jsfiddle

s.getTooltipText = function (e) {
            return [
                "date : " + e.cx + "",
                "value : " + e.cy + ""
            ];
        };

正如您所看到的，您可以调整并将任何显示为工具提示。我希望这个赫尔斯

Answer 2

Mahmut的回答是正确的，因为您可以创建自己喜欢的任何自定义工具提示，但是您也可以通过其他方式从工具提示中删除额外费用。

Dimple的默认工具提示逻辑非常简单。它从系列和每个连接的轴中检索值，并将它们全部包含在工具提示中。作为一个细微的改进，它检查工具提示中的任何行是否相同并删除重复项。在这里你遇到了一个不寻常的情况，颜色轴和y轴提供了相同的度量，但你已经为y应用了一个刻度格式，所以字符串是不同的。

解决方案是将相同的刻度格式应用于颜色轴：

var c = myChart.addColorAxis(ycord, ["green", "yellow", "red"]); 
c.tickFormat = ',.0f';

这有点奇怪，但这意味着两个轴报告匹配的字符串并删除重复。

如何用图表数据更改D3 Dimple工具提示？

2 个答案: