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

Question

我意识到这可能是我对 Dimple 系列的误解，但我不知道如何更改 D3 Dimple 工具提示？

假设我有这样的数据:

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

我觉得问题是

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

但是我不知道怎么修改tooltip

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

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

Answer 1

我将您的 fiddle 更新为您想要的输出。但我只想指出，我使用的是 dimple v2.2.0 版本。

Working jsfiddle

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

如您所见，您可以进行调整并将任何内容显示为工具提示。希望对您有所帮助