Highcharts 鼠标悬停时的特定符号
我想在样条曲线图的每个点上显示一个不同的符号,仅在鼠标悬停时显示 我说:Highcharts 鼠标悬停时的特定符号,highcharts,Highcharts,我想在样条曲线图的每个点上显示一个不同的符号,仅在鼠标悬停时显示 我说: plotOptions: { marker: { enabled: false, states: { hover: { enabled: true } },
plotOptions: {
marker: {
enabled: false,
states: {
hover: {
enabled: true
}
},
},
及
除非我将marker enabling设置为true(并且marker始终显示),否则它没有任何效果。
我尝试了每个组合,将启用值放入每个点数据中,但没有效果
有人能帮我吗?您可以通过使用series object的marker选项来实现这一点。下面是一个根据api示例修改的示例:
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 316.4, 294.1, 195.6, 154.4],
marker: {
symbol: 'triangle'
}
}, {
marker: {
enabled: false,
states: {
hover: {
enabled: true
}
},
symbol: 'url(http://highcharts.com/demo/gfx/sun.png)'
},
data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]
}]
演示
答案是Thanx,但这并不完全是我的目标。我希望每个点都有不同的图片。实际上,我必须在数据数组中定义symbal。它适用于永久图片,但不适用于悬停。这里似乎有一个bug。我可以为每个点显示不同的图像,但不能在悬停点上显示。另外,当我查看api时,我发现highcharts没有为hover提供符号选项:是的,我也认为:符号在第三系列的第三点中没有被考虑。就API而言,我认为符号是在标记级别定义的,并且对于over也是一样的。我们可以在url中给出图像的本地路径吗?我试过了,但没有出现在图表上。
series: [{
data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 316.4, 294.1, 195.6, 154.4],
marker: {
symbol: 'triangle'
}
}, {
marker: {
enabled: false,
states: {
hover: {
enabled: true
}
},
symbol: 'url(http://highcharts.com/demo/gfx/sun.png)'
},
data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]
}]