dimple.js中的自定义工具提示颜色和字体大小

Question

是否有任何api in dimple来自定义工具提示颜色和字体类型/大小？我主要是为线条和条形图寻找一种方法。

如果那不可能，那么是否有替代/推荐的方法通过d3执行此操作？

我试图在dimple文档中搜索一种方法，但找不到任何内容

Answer 1

您可以使用CSS类.dimple-custom-tooltip-box进行自定义。不幸的是，dimple.js在课程后的元素上对很多属性（如填充颜色）进行了样式设置，因此您需要使用!important来覆盖它们：

  .dimple-custom-tooltip-box {
     fill: red !important;
  }

这里是example。

<强> EDITS

折线图的工具提示中缺少dimple-custom-tooltip-box。不确定原因，the docs表示它应该在那里。无论如何，将css切换到：

rect.dimple-tooltip {
  fill: red !important;
}

它适用于两种图表类型。

更新了example。