D3.js dimple.js中的自定义工具提示颜色和字体大小
dimple中是否有自定义工具提示颜色和字体类型/大小的api?我主要是寻找一种方法来做这一点的线和条形图 如果不可能,那么是否有其他/推荐的方法通过d3实现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文档中搜索实现此目的的方法,但找不到任何可以使用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@vinitatext.dimple-tooltip{fill:red!重要;}