Highcharts作爲一個不在辦公室的日曆

在測試過程中，如何/如何使用HighCharts來顯示不在辦公室的信息，我開始修改以下不錯的起點示例：http://jsfiddle.net/s4thS/1/Highcharts作爲一個不在辦公室的日曆

結果（請參閱：http://jsfiddle.net/SvenHjerson/5ywEq/1/）看起來已經很不錯了，但我需要一些幫助，有一些小事情。

當取消選擇一個人（系列）時，是否可以隱藏整個系列而不是隱藏數據？
如何獲取工具提示以顯示開始和結束日期之間的開始時間段（開始和結束工作正常）？
當仍然可見的系列是同時是ooto時，如何顯示某種「衝突」（系列？）？
我怎樣才能讓十字線顯示所有人的不在辦公室？我用十字線嘗試了一些東西，但無法讓它按照我的意願行事。看起來相關中＃描述的問題2
```
"crosshairs: true" 
```

在上面可能是由於以下事實的例子是使用「線」，而不是「欄中的」圖表也許那些限制？

2014-02-06 SvenHjerson

嘗試使用tooltip.shared屬性。這也意味着改變你的tooltip.formatter。請參閱update。

tooltip: { 
    crosshairs: true, 
    formatter: function() { 
     var s = '<b>'+ this.x +'</b>'; 

     $.each(this.points, function(i, point) { 
      s += '<br><b>'+ this.series.name + '</b><br/>' + 
      Highcharts.dateFormat('%a %e %b %Y', this.point.options.from) + 
      ' - ' + Highcharts.dateFormat('%a %e %b %Y', this.point.options.to); 
     }); 

     return s; 
    }, 
    //formatter: function() { 
    // return '<b>'+ this.series.name + '</b><br/>' + 
    //  Highcharts.dateFormat('%a %e %b %Y', this.point.options.from) + 
    //  ' - ' + Highcharts.dateFormat('%a %e %b %Y', this.point.options.to); 
    //}, 
    shared: true 
},

來源

2014-02-06 15:35:40 wergeld

好的，當懸停在例如。「1月1日」它現在確實顯示了我所期望的（儘管人們以相反的順序）......但是當它在例如。「1月6日」當3,4和5人不在辦公室時，我注意到「人5」不包括在內？十字準線也有點奇怪，這似乎是因爲它只尋找起點和終點。 – SvenHjerson

它在我看來就像是因爲你只有2點 - 每個跨度的開始和結束。 – wergeld

事實上，2分是不在辦公室的開始日期和結束日期。沒有辦法讓Highcharts認爲它是一個日期跨度？嗯，「不顯示」點符號的設置是什麼？ – SvenHjerson

Highcharts作爲一個不在辦公室的日曆

回答

相關問題