BillboardJS Tooltip Положение о вызове - PullRequest
Новая
       33

BillboardJS Tooltip Положение о вызове

0 голосов
/ 12 ноября 2018

Чтобы показать небольшие значения на круговой диаграмме BillboardJS, мне пришлось повернуть круговую диаграмму на 270 градусов: 

function rotate(deg, chart) {

  chart.internal.svg
        .style("transformOrigin", "center")
        .style("transform", "rotate("+ deg +"deg)")
        .selectAll(".bb-chart-arc text")
        .each(function() {
            var node = d3.select(this);
            node.attr("transform", node.attr("transform") + " rotate(-"+ deg +")");
        });
}

Однако теперь мои подсказки перемещаются неправильно при наведении мыши: вверх = вправо, вправо = вниз и т. Д. Вы можете наслаждаться этим здесь, в этом коде: https://codepen.io/DigitalWheelie/pen/EOjVWo

Как я могу использовать опцию tooltip.position, чтобы получить координаты мыши в соответствии с относительным движением? Хочу ли я, чтобы top было значением mouseX, а left было бы mouseY? И если да, то как лучше получить эти значения? 

tooltip: {
  position: function (data, width, height, element) {
    return {top: [mouseX?], left: [mouseY?]};
  }
}

Спасибо!

...