2014-12-02 34 views
1

我是新來highcharts和我的工作板球的應用程序中,我有過以顯示每超過數和售票窗口運行速度的具體信息。如果在特定的位置有一個小門,我想顯示一個球到點,並在懸停或點擊時顯示有關球員和投球手等信息。 我想要的是您可以查看從這個鏈接Crichq Graphs 我想要像crichq圖一樣的想法,但不知道該怎麼做。如何顯示特定的點,以顯示HighCharts

請幫我出這個問題。

+0

會有人幫我???? – 2014-12-02 08:06:25

+2

如果您發佈了迄今已嘗試過的示例,最好在jsfiddle上,您通常會獲得更多幫助。你的數據集的一個例子會有所幫助。 – SteveP 2014-12-02 08:45:47

+0

我會嘗試使用單獨的系列(分散類型)來顯示額外的標記。或者從多餘的標記中退出,並向工具提示添加額外信息,如[在此問題中](http://stackoverflow.com/questions/8514457/set-additional-data-to-highcharts-series)。或者結合兩種解決方案這裏 – 2014-12-02 11:48:39

回答

0

可以使用點標記設置以指示售票窗口下跌。例如使其具有不同的顏色和大小。根據售票窗口如何度過

var ausData = [ { x:1, y:1 }, 
       { x:2, y:24, out:{num:2,names:['john','doe']} }, 
       { x:3, y:5 }, 
       { x:4, y:8 }, 
       { x:5, y:22 }, 
       { x:6, y:11 } ]; 
for (var p in ausData) { 
    var point = ausData[p]; 
    if (point.out !== undefined) { 
     point.marker = {fillColor:'red',radius:4*point.out.num}; 

    } else { 
     point.marker = {radius:5}; 
    } 
} 

這開始的基本信息,然後添加自定義的點標記:http://api.highcharts.com/highcharts#series.data.marker

我想如下處理數據。

唯一的其他東西做的是自定義提示給的名字例如: -

tooltip: { 
     formatter: function() { 
      var text = 'Over: ' + this.x + 
       ' Runs: ' + this.y; 
      if (this.point.out !== undefined) { 
       text = text + '<br>Out: ' + this.point.out.num; 
       for (var n in this.point.out.names) { 
        text = text + ' ' + this.point.out.names[n]; 
       } 
      } 
      return text; 
     } 
    }, 

http://jsfiddle.net/d6fgwg14/

+0

謝謝@SteveP – 2014-12-05 11:49:15

+0

我已經創建折線圖和柱狀圖這裏​​是小提琴** HTTP://的jsfiddle .net/j86jkfvj/24/**。球線在折線圖中顯示很好。但是,如果柱形圖表不正確地位於該系列的頂部(該欄的左側/右側),我想在該欄的頂部中心顯示球。 請讓我知道我該怎麼做。 提前致謝! – 2014-12-05 12:02:43

+0

只是使x值稍微大/小:數據:[ 1.85,24.5], 1.85,25.8] ],http://jsfiddle.net/wue1g87t/ – SteveP 2014-12-05 13:06:19