2014-05-13 16 views
0

當你在highcharts中並排放置兩個圖表時,我注意到了一個問題,那就是工具提示函數將適用於第一個圖表,但不適用於其他圖表。我的猜測是,儘管圖表「看上去」像是彼此相鄰......但實際上圖表1實際上是圖表2的頂部。一個很好的例子如下:http://jsfiddle.net/F3pts/7/鄰接的海圖表上的工具提示問題

其他示例這將產生相同的問題:

var options = { 
    chart: { 
     renderTo: 'container', 
     animation: true 
    }, 
    xAxis: [{ 
     type: 'datetime', 
     width :320, 

    }, { 
     type: 'datetime', 
     offset: 0, 
     width :200, 
     left: 380 
    }], 

    yAxis: [{ 
     lineWidth: 2, 
     offset: 0, 
     tooltip: { 
      enabled: true, 
      formatter: function() { 
       return this.value; 
      } 
     } 
    }, 
      ], 

    series: [{ 
     xAxis: 0, 
     name: 'Some line', 
     data: [ 
       [Date.UTC(2010, 0, 1), 3], 
       [Date.UTC(2010, 0, 2), 7], 
       [Date.UTC(2010, 0, 3), 5], 
       [Date.UTC(2010, 0, 6), 6], 
       [Date.UTC(2010, 0, 7), 4], 
       [Date.UTC(2010, 0, 8), 5] 
     ], 
    }, { 
     name: 'bar1', 
     xAxis: 1, 
     data: [ 

       [Date.UTC(2010, 0, 1), 5], 
       [Date.UTC(2010, 0, 2), 6], 
       [Date.UTC(2010, 0, 3), 7], 
       [Date.UTC(2010, 0, 6), 4], 
       [Date.UTC(2010, 0, 7), 3], 
       [Date.UTC(2010, 0, 8), 4] 

     ], 

    }, { 
     name: 'bar2', 
     xAxis: 1, 
     data: [ 
       [Date.UTC(2010, 0, 1), 5], 
       [Date.UTC(2010, 0, 2), 8], 
       [Date.UTC(2010, 0, 3), 5], 
       [Date.UTC(2010, 0, 6), 6], 
       [Date.UTC(2010, 0, 7), 4], 
       [Date.UTC(2010, 0, 8), 3] 
     ], 
    }] 
}; 

var chart = new Highcharts.Chart(options); 

有關如何顯示所有工具提示的任何想法?還挺失敗的目的,如果只有其中一個可用...

的問候,並感謝您的時間

+0

尚未完全解答您的問題,但我不認爲線圖隱藏了其他圖。你仍然可以將鼠標懸停在它們上面,然後看到工具提示出現:http://jsfiddle.net/F3pts/52/...我想你只需要多玩一點。 – Mike

+0

你好邁克:)我不確定是什麼問題,我已經搞砸了很長一段時間,這就是爲什麼我發佈一個問題!儘管您仍然可以選擇其他圖形「背後」的曲線,但您可以說是正確的 - 也許問題僅限於Tooltip。這是一個highcharts錯誤? – Noobster

回答

0

工具提示不起作用,因爲missconfigured圖表,:

tooltip: { 
    pointFormat: function() { 
     return ""; 
    } 
}, 

pointFormat應該是字符串,而不是一個功能。

無論如何,工具提示位置有問題,請參閱#2062