如何對齊chart.js之線圖表標籤，以中心

Question

我使用chart.js之1.0.2創建一個折線圖：

我試圖做的是移動是標籤在圖表的每個矩形的中心（而不是與垂直網格線對準）的底部：

沒有關於此上chartjs.org文檔，但相信隨着智能特技此問題可以很容易地解決。關於如何實現這一點的任何想法？

Answer 1

在ChartJS Documentation，「電網線路配置」下存在drawOnChartArea選項：

名稱：drawOnChartArea
類型：布爾
描述：如果爲真，則繪製軸線內的圖表區線。當有多個軸，你需要控制哪些網格線繪製

{ 
    type: 'line', 
    data: data, 
    options: { 
     ... 
     scales: { 
      xAxes: [{ 
       gridLines: { 
        drawOnChartArea: true 
       } 
      ]} 
     } 
    } 
} 

Answer 2

offsetGridLines（布爾） 如果爲真，這非常有用，標籤偏移以網格線之間。

type: 'line', 
data: data, 
options: { 
    ... 
    scales: { 
     xAxes: [{ 
      gridLines: { 
       offsetGridLines: true 
      } 
     ]} 
    } 
}