Блог

Главная - Вопросы по программированию - Измените наведение курсора мыши на d3.js диаграмма sunburst, чтобы добавлялось имя сегмента, а не %

Измените наведение курсора мыши на d3.js диаграмма sunburst, чтобы добавлялось имя сегмента, а не %

#javascript #svg #d3.js #sunburst-diagram

#javascript #svg #d3.js #sunburst-диаграмма

Вопрос:

Я пытаюсь скорректировать этот пример http://bl.ocks.org/kerryrodden/7090426:

Чтобы в #explanation div в середине диаграммы указывалось имя сегмента, над которым наведен указатель мыши, вместо%. Вот сценарий

      function mouseover(d) {

  var percentage = (100 * d.value / totalSize).toPrecision(3);
  var percentageString = percentage   "%";
  if (percentage < 0.1) {
    percentageString = "< 0.1%";
  }

  d3.select("#percentage")
      .text(percentageString);

  d3.select("#explanation")
      .style("visibility", "");

  var sequenceArray = getAncestors(d);
  updateBreadcrumbs(sequenceArray);

Большое спасибо за помощь

Ответ №1:

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

 d3.select("#explanation")
  .text(d.name);

Полная демонстрация здесь.