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]
        }]