在圖表上顯示上一個Y軸值

-1

我有一個帶有日期時間X軸的樣條曲線圖。我想在圖表上顯示默認情況下最近/最近的Y軸值。在圖表上顯示上一個Y軸值

我的所有數值目前都設置爲在懸停的工具提示中顯示，我不知道如何實現這一點。這是一個每日統計圖表，並且每天都會更新，所以如果用戶能夠快速查看Y軸上的最新值，那將會很不錯。

任何提示或解決方案將不勝感激！

來源

2013-02-11 Cécile Fecherolle

沒什麼，我還在想着做什麼，以及閱讀API參考..我不知道我能做什麼（如果可以的話）。 – 2013-02-11 11:06:29

好吧，所以我設法使用dataLabels屬性及其格式化程序來完成此操作。

重要的部分是dataLabels選項。您首先必須將其設置爲啓用，然後讓格式化程序僅在系列的最後一點時才返回點值。標籤的x和y值也必須進行編輯以適合您的需要（取決於您的圖表容器的寬度/高度等）。在示例中，我只是試圖使其可讀。

這裏的片段：

var chart = new Highcharts.Chart({ 

chart: { 
    renderTo: 'container' 
}, 

xAxis: { 
    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
}, 

plotOptions: { 
    series: { 
     dataLabels : { 
       enabled : true, 
       align : 'left', 
       x : 3, 
       y : 9, 
       formatter : function() { 
        if (this.point.x == this.series.data[this.series.data.length - 1].x) { 
         return this.y; 
        } else { 
         return null; 
        } 
       } 
      } 
    } 
}, 

series: [{ 
    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
}, { 
    data: [106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5] 
}] 

});

，我也做了這個解決方案的小提琴：尚未http://jsfiddle.net/tzEdX/

來源

2013-02-11 13:28:54

在圖表上顯示上一個Y軸值

回答

相關問題