2

我得到了一个显示可绘制折线图的角度指令。但是当光标悬停在正在绘制的线时，我需要设置工具提示的值。

我得到了这样的东西：

var plot = new Plottable.Plots.Line()
   .addDataset(ds)
   .x(project_x, xScale)
   .y(project_y, yScale)
   .attr('stroke', function(d) { return label; }, colorScale);

并用

var svgElem = elem.find('svg')[0];
plot.renderTo(svgElem);

这很好用:) 然后我尝试从这个例子中添加一些工具提示：http: //jsfiddle.net/gv1xsnkr/

// Initializing tooltip anchor
var tooltipAnchorSelection = plot.foreground().append("circle").attr({
  r: 3,
  opacity: 0
});

在他们使用 jquery 的示例中，我不想为此导入 jquery

var tooltipAnchor = $(tooltipAnchorSelection.node());
tooltipAnchor.tooltip({
  animation: false,
  container: "body",
  placement: "auto",
  title: "text",
  trigger: "manual"
});

所以我试着这样做

var tooltipAnchor = document.querySelectorAll(tooltipAnchorSelection.node().nodeName);

但我得到一个错误

tooltipAnchor.tooltip({ ... });

angular.js:14516 TypeError: tooltipAnchor.tooltip 不是函数

任何人有线索热这样做？

4

1 回答 1

0

我在使用 Vue.js 而不是 Angular 时遇到了这个问题，但问题听起来非常相似。以正确的顺序导入库是一个问题：

  • 第一个 jquery（引导程序需要）
  • 然后引导

你是如何打包你的应用程序的？

我使用了 gulp，所以对我有用的顺序是将 jquery 脚本标签放入vue 组件index.html中bootstrap = require('bootstrap')（您可以将其放入指令中）。需要引导程序应该是所有必要的 - 这将使您能够访问该tooltip功能。

于 2017-11-15T18:23:37.933 回答