Highcharts樣條圖上的重疊數據

我在Highcharts中有樣條圖。它有24小時的數據，即24點。現在在這24小時內，發生了某些事件，我需要在樣條圖上顯示點。需要提供這些要點的工具提示。我如何在樣條曲線圖上重疊這些點，包括他們的工具提示？這些重疊的點也需要在x軸上映射到相應的時間。任何想法，如果這可以做到？Highcharts樣條圖上的重疊數據

這是什麼，我想在一個的jsfiddle做一個例子： - http://jsfiddle.net/ttyc5dod/

$(function() { 
$('#container').highcharts({ 
    title: { 
     text: 'Test Graph', 
     x: -20 //center 
    }, 
    xAxis: { 
     categories: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24] 
    }, 
    yAxis: { 
     title: { 
      text: 'Availability(%)' 
     }, 
     plotLines: [{ 
      value: 0, 
      width: 1, 
      color: '#808080' 
     }] 
    }, 
    tooltip: { 
     valueSuffix: '°C' 
    }, 
    legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle', 
     borderWidth: 0 
    }, 
    series: [{ 
     name: 'Data', 
     data: [7.0, 6.9, 9.5, 10, 11.2, 12.5, 15.2, 16.5, 13.3, 18.3, 13.9, 9.6, 12, 13, 12, 11.2, 9, 8, 5, 12, 14, 12, 12, 12.5, 10] 
    }] 
}); 
});

例如，在下面的例子中，時間之間23:00和24:00，讓我們假設發生了一個事件（問題），必須在此圖上顯示。有沒有什麼辦法在23:00和24:00之間繪製一個點，顯示事件，並且應該提供工具提示，告訴事件的細節。在這裏輸入代碼

任何幫助將不勝感激。

來源

2016-09-21 Nikhil Tikoo

我不知道你想實現什麼。你能否發佈關於你的問題的更具體的信息？例如繪圖顯示你想實現什麼？ –

@GrzegorzBlachliński我更新了問題。 –

有很多方法可以在你的觀點之間獲得信息，例如你可以在它們之間添加列：http://jsfiddle.net/ttyc5dod/2/我不確定你希望你的圖表在最終版本中看起來如何 –

如果事件發生，您應該可以添加新的系列（我認爲最好的是散射系列）並在數據點之間添加散點。

如果您想在第一個系列的行上添加散點，應該很容易爲這些點計算正確的y位置。

在這裏你可以看到你的行中添加散射點很簡單的例子，兩點之間：

function(chart) { 
    var value1 = chart.series[1].data[23].y, 
     value2 = chart.series[1].data[24].y; 
    chart.series[0].addPoint({ 
     x: 23.5, 
     y: (value1 + value2)/2, 
     details: 'this is an accident' 
    }); 
    }

在這裏你可以看到一個例子，如何它可以工作： http://jsfiddle.net/ttyc5dod/3/

來源

2016-09-22 10:06:03

這對我來說非常合適。感謝您幫助Grzegorz。爲我解決了這個問題。 :) –

Highcharts樣條圖上的重疊數據

回答

相關問題