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

我正在使用dimple.js绘制一个标准条形图，并且能够更改工具提示框和条形图的颜色，但是当鼠标悬停在条形图上时弹出的x、y辅助线仍然保持原始颜色，我无法确定如何更改它们。

这是一个棘手的问题，因为dimple不支持它。没有一个类应用于这些行，因此您不能使用css的类名来定位它们（其他工具提示对象确实有类名，但line元素与它们是分开的）。以下是工具提示HTML的外观，以供参考：

第一个

元素就是我们想要的。我找到了两个可行的方法，但都很粗糙

1） 使用CSS以行为目标-工具提示作为svg中其他内容之后的

组添加，因此您可以在该组中查找第一行元素：

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

这只适用于更改每个元素的线条的特定用例-它不依赖于条的颜色，如果它们不同的话

2） 线条最初是通过查看条形图的

fill

属性获得颜色的，即使稍后使用css将其遮罩，该属性仍然是最初设置的属性。因此，您可以做的一件事是覆盖原始颜色（因为您稍后将对其进行遮罩）

---

除此之外，我想不出一种方法来让行匹配只在css中指定的颜色，而不在库中进行更改。（或编写您自己的工具提示功能）。

您能在JSBin或其他服务上举例说明您当前如何设置图表和更改颜色吗？这是我的小提琴，这是很棒的@ne8il。非常感谢。当我们在同一页上使用多个图表时，颜色显示相同@ne8il您有什么解决方案吗

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