Css 将我的标签放在图表的前面,不要模糊这些点
我正在使用PlotBand标记图形上的区域,但由于我不希望它们在中着色,因此将它们设置为0的透明度。然而,我似乎被两个选项困住了:将它们放在所有东西的前面,在这种情况下,我无法将鼠标悬停在这些点上以显示工具提示,或者在所有东西的后面,在这种情况下,由于区域图的着色,文本变红。我将工具提示zIndex设置得很高,但没有结果Css 将我的标签放在图表的前面,不要模糊这些点,css,highcharts,Css,Highcharts,我正在使用PlotBand标记图形上的区域,但由于我不希望它们在中着色,因此将它们设置为0的透明度。然而,我似乎被两个选项困住了:将它们放在所有东西的前面,在这种情况下,我无法将鼠标悬停在这些点上以显示工具提示,或者在所有东西的后面,在这种情况下,由于区域图的着色,文本变红。我将工具提示zIndex设置得很高,但没有结果 你可以通过或添加文本,如果有比使用PlotBand更好的添加标签的方法,我也愿意。或者有没有直接设置点的zIndex的方法?你可以通过添加,你基本上是在问如何将标签放在前面,
你可以通过或添加文本,如果有比使用PlotBand更好的添加标签的方法,我也愿意。或者有没有直接设置点的zIndex的方法?你可以通过添加,你基本上是在问如何将标签放在前面,而不是放在前面。。。我建议将标签位置设置为在绘图区域的上方或下方,这样它们与绘图的交互就不会首先存在(或者将y轴延伸到足够大的程度,以允许标签位于绘图区域中,同时远离系列)。我希望标签位于绘图区域的前面,而不是点的前面。能够直接在点上设置zIndex将解决我的问题,因为能够使用与PlotBand分开的标签@塞巴斯蒂安·博坎的解决方案看起来很有希望;我现在正在做。
xAxis: {
type: 'datetime',
plotBands: [{
{
color: 'rgba(255, 255, 255, 0)',
from: new Date(2001, 1, 3).getTime(),
to: new Date(2009, 1, 21).getTime(),
zIndex: 2,
label: {
text: "Low zIndex, label is reddish",
verticalAlign: 'bottom',
y: bandLabelVertOffset,
style: {
fontSize: bandLabelFontSize,
lineHeight: bandLabelLineSpacing,
color: 'black',
fontWeight: 'bold',
}
}
},
{
color: 'rgba(255, 255, 255, 0)',
from: new Date(2009, 1, 21).getTime(),
to: new Date(2013, 0, 0).getTime(),
zIndex: 20,
label: {
text: "High zIndex, can't click points",
verticalAlign: 'bottom',
y: bandLabelVertOffset,
style: {
fontSize: bandLabelFontSize,
lineHeight: bandLabelLineSpacing,
color: 'black',
fontWeight: 'bold',
}
}
}],
tooltip: {
enabled: true,
useHTML: true,
zIndex: 4000,
},