Как изменить D3 Dimple всплывающие подсказки с данными диаграммы?

Question

Я понимаю, это может быть мое непонимание серии с Dimple, но я не могу понять, как изменить D3 Dimple tooltips?

Скажем, у меня есть данные, как это:

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"]); 

, но я не знаю, как изменить всплывающую подсказку

Вот 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 + "" 
      ]; 
     }; 

Как вы можете видеть, вы можете настроить вокруг и сделать что-либо отображается в виде всплывающей подсказки. Я надеюсь, что это hels

Answer 2

Ответ Махмута верен, в котором вы можете создать любую настраиваемую подсказку, которая вам нравится, однако вы также можете удалить дополнительную стоимость из всплывающей подсказки по-другому.

Логика всплывающей подсказки Dimple по умолчанию довольно проста. Он извлекает значение из серии и каждой связанной оси и включает их все в всплывающую подсказку. Как небольшое уточнение, он проверяет, идентична ли какая-либо из строк в всплывающей подсказке и удаляет дубликаты. Здесь вы попали в необычный случай, когда одна и та же метрика предоставляется осью цвета и осью y, но вы применили формат галочки к y, чтобы строки были разными.

Решение применить тот же формат клеща к оси цвета:

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

Это немного странно, но это означает, что обе оси сообщают соответствующие строки и дублирование удаляется.