Извлечение превышающих частей оси

Question

Можно удалить более крупные детали (на изображении в красной элипсисе) оси на графике, сгенерированном graph.js?

Большое спасибо!

Answer 1

Вы можете скрыть сетки-линии от чешуи:

yAxes: [{ 
    gridLines: { 
    display: false 
    }, 
}] 

Вы не увидите никаких превосходящие линий, если вы сделаете это для обеих осей.

Смотреть это fiddle для рабочего демо

Если вам нужны сетки-линии, и только хотят, чтобы скрыть превышающую линию в 0, вы можете установить zeroLineWidth в 0

gridLines: { 
    zeroLineWidth: 0 
} 

С tickMarkLength вы может определить, сколько пикселей линии сетки втягиваются в область оси.

gridLines: { 
    tickMarkLength: 0 
} 

Если вам нужно более продвинутое моделирование оси, вы можете написать плагин. См. Style X and Y Axis (tick mark) with Chart.js? для хорошего старта.