更改Dimple.js工具提示帮助线的颜色

Question

我使用dimple.js来绘制标准条形图，并且能够更改工具提示框和条形的颜色，但会弹出时弹出的x，y帮助线的颜色你鼠标悬停酒吧仍然是原来的颜色，我不知道如何改变它们。

Answer 1

这是一个棘手的问题，因为它不被Dimple支持。没有适用于这些行的类，因此您无法使用css的类名来定位它们（​​其他工具提示对象确实有类名，但是线元素与这些类名是分开的）。这里的提示HTML是什么样子，以供参考：

，首先<line>元素是我们想要的。我发现了两个可行的选项，但它们都是黑客。

1）使用CSS瞄准线 - 工具提示添加为<g>组中的SVG一切后，这样你就可以寻找该组中的第一行元素（S）：

svg > g:last-of-type > line { 
    stroke: lightgrey !important; 
     opacity: 0.55 !important; 
} 

这仅适用于您为每个元素更改线条的特定用例 - 如果它们不同，则它不依赖于条纹的颜色。

2）线条最初通过查看酒吧的fill属性获得它们的颜色 - 即使您以后用CSS遮罩它，它仍然是最初设置的。所以你可以做的一件事就是覆盖原来的颜色（因为无论如何你都会掩盖它）。

myChart.addSeries("Cancer", dimple.plot.bar); 
myChart.defaultColors = [ 
    new dimple.color("lightgrey") 
]; 

除此之外，我想不出一种方式来获得线只匹配只在CSS中指定的颜色，没有在库中的变化。 （或者编写你自己的工具提示功能）。