javascript - Chartjs - how to make line position to vertical center and how to display dotted sharp in the backround? -

i ask how configure chart using chartjs library result similar on image below in right way? tried find option in documentation http://www.chartjs.org/docs/#line-chart-chart-options, without luck.

many advice.

chart.js version 2+

use borderdash property in scales.x|yaxes.gridlines configuration object.

• http://www.chartjs.org/docs/#grid-line-configuration

example :

• http://codepen.io/anon/pen/wzazda?editors=0010#0

---

var options = {     scales: {                 xaxes: [{                    gridlines: {                       display: true,                       linewidth: 1,                       borderdash: [1, 2],                       color: "black"                     }                 }],                 yaxes: [{                    gridlines: {                       display: true,                       linewidth: 1,                       borderdash: [1, 2],                       color: "black"                     }                 }],             } }