BillboardJS工具提示位置挑战

时间:2018-11-12 16:01:12

标签: javascript pie-chart c3.js billboard.js

要在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?]};
  }
}

谢谢!

0 个答案:

没有答案