2013-01-16 39 views
1

我想在樣條曲線圖的每個點上顯示不同的符號,僅在鼠標懸停時顯示。鼠標懸停時的HighCharts特定符號

我把:

plotOptions: { 
      marker: { 
       enabled: false, 
       states: { 
        hover: { 
         enabled: true 
        } 
       }, 
      }, 

series: [{ 
    name: 'Moyenne', 
    data: [{ 
      x:1351731635000, 
      y:1.0, 
      marker: { 
       symbol: 'url(http://127.0.0.1:8080/images/N.png)' 
      }, 
      name: 'MISTRAL (315)' 
      },{ 
      x:1351735233000, 
      y:1.5, 
      marker: { 
       symbol: 'url(http://127.0.0.1:8080/images/SE.png)' 
      }] 

而且它沒有影響,除非我把標誌啓用爲true(和標記始終顯示)。 我嘗試了每種組合,將啓用值放入每個點數據中,但沒有任何效果。

有人能幫助我嗎?

回答

0

可以通過使用一系列對象的標記的選擇實現此這裏是從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] 
     }] 

演示http://jsfiddle.net/km67w/18/

+0

thanx的答案,但這不完全是我的目標。我想爲每個點提供不同的圖片。的確,我必須在數據數組中定義symbal。它正在爲永久圖片工作,但不爲懸停 – sebV

+0

http://jsfiddle.net/km67w/40/這似乎有一個錯誤在這裏。我可以爲每個點顯示不同的圖像,但不能在懸停點上執行此操作。另外,當我看到API時,我發現高點圖不提供懸停的符號選項:http://api.highcharts.com/highcharts#series.data.marker.states.hover – cubbuk

+0

是的,我想也是這樣:http:/ /jsfiddle.net/km67w/42/ 在第三系列的第三點中不考慮符號。對於API來說,我認爲這個符號是在標記級別定義的,並且是相同的。 – sebV