2016-07-18 4 views
1

Я пытаюсь изменить отображаемый во время наведения курсор в D3Plus. В частности, я удаляю заголовок, связанный с набором данных. Вот фотография, чтобы описать то, что я имею в виду, где красный круг обозначает область моих интересов:Редактирование заголовка D3Plus

enter image description here

Я обнаружил, что я могу изменить все элементы, перечисленные внутри подсказке до сих пор рядом главный заголовок, как я бы назвал его. Я искал онлайн по различным ресурсам, и я еще не нашел документацию по этому вопросу. «.tooltip ([" name "])" был тестом. Мой код выглядит следующим образом

<script> 
    var sample_data = [ 
     {"value": 100, "name": "alpha", "growth": 0.9}, 
     {"value": 70, "name": "beta", "growth": 0.4}, 
     {"value": 40, "name": "gamma", "growth": -0.3}, 
     {"value": 15, "name": "delta", "growth": -0.65}, 
     {"value": 5, "name": "epsilon", "growth": 0.7}, 
     {"value": 1, "name": "zeta", "growth": 0.2} 
    ]; 
    var visualization = d3plus.viz() 
     .container("#viz") 
     .data(sample_data) 
     .type("tree_map") 
     .id("name") 
     .value(["name"]) 
     .tooltip(["name"]) 
     .size("value") 
     .color(function(d){ 
      return d.growth > 0 ? "#008800" : "#880000"; 
     }) 
     .draw(); 
</script> 

ответ

0

Вы можете установить определенный ключ, который будет использоваться для всех этикеток, который включает в себя как заголовки всплывающих подсказок и надписи на дереве карты квадратов, как это:

visualization.text("label") 

Полную документацию текстового метода можно найти here.

+0

Когда я доберусь до 15 очков, я подниму это! Благодаря! – 8bitlove

Смежные вопросы