Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/visual-studio/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
D3.js dimple.js中的自定义工具提示颜色和字体大小_D3.js_Dimple.js - Fatal编程技术网

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

D3.js dimple.js中的自定义工具提示颜色和字体大小,d3.js,dimple.js,D3.js,Dimple.js,dimple中是否有自定义工具提示颜色和字体类型/大小的api?我主要是寻找一种方法来做这一点的线和条形图 如果不可能,那么是否有其他/推荐的方法通过d3实现 我尝试在dimple文档中搜索实现此目的的方法,但找不到任何可以使用CSS类进行自定义的方法。。dimple自定义工具提示框。不幸的是,dimple.js在类后的元素上串联了许多属性(如填充颜色),所以您需要使用!重要信息要覆盖它们: .dimple-custom-tooltip-box { fill: red !impor

dimple中是否有自定义工具提示颜色和字体类型/大小的api?我主要是寻找一种方法来做这一点的线和条形图

如果不可能,那么是否有其他/推荐的方法通过d3实现


我尝试在dimple文档中搜索实现此目的的方法,但找不到任何可以使用CSS类进行自定义的方法。
。dimple自定义工具提示框
。不幸的是,
dimple.js
在类后的元素上串联了许多属性(如填充颜色),所以您需要使用
!重要信息
要覆盖它们:

  .dimple-custom-tooltip-box {
     fill: red !important;
  }
这是一个例子

编辑

折线图的工具提示中缺少
酒窝自定义工具提示框
。不知道为什么,请指出它应该在那里。无论如何,请将css切换到:

rect.dimple-tooltip {
  fill: red !important;
}
这两种图表类型都适用


已更新。

如果不需要内嵌样式,可以设置
chart.noforms=true
。这将删除所有自动样式,并允许您通过css进行设置。谢谢使用css。不过,我还有一个问题。我的页面上有两个图表(一条横线和一条直线)。出于某种原因,这似乎不适用于折线图。它是否使用了不同的CSS类,或者我仍然缺少一些东西?@SHA1,看起来折线图中缺少了该类,它应该在那里。无论如何,请参阅更新的答案以了解如何使其工作。@标记为“优秀”。非常感谢,效果很好。字体对应的css也是text.dimple工具提示{},以防其他人需要it@vinita
text.dimple-tooltip{fill:red!重要;}