2017-09-14 120 views
2

我想要在Highcharts图中的传说上悬停不同的光​​标样式。如何在Highcharts中为传说提供不同的光标风格?

例如,图例Series 1应该有cursor:"default"Series 2应该有cursor:"pointer"。当徘徊。

我该怎么做?

jsfiddle

+0

系列2,你试过么?你刚才复制了来自高图官方网站的jsfiddle链接并粘贴在这里 – Aby

+0

你可以将css样式分配给指针,如: .highcharts-point.highcharts-color-0 { cursor:pointer; } 这不完全防水。 http://jsfiddle.net/p2x9yyvm/2/ – scipper

回答

2

你可以在这样的CSS定义规则:

.highcharts-legend-item.highcharts-color-0 text { 
    cursor: pointer !important; 
} 
.highcharts-legend-item.highcharts-color-1 text { 
    cursor: crosshair !important; 
} 

颜色0和颜色1对应于1系列分别

+0

我非常专注于使用highcharts API寻找解决方案,我没有想到在我尝试并放弃的CSS解决方案中使用'!important'。没有真正注意到我为该问题添加了'css'标签。但是,这工作。 – devN