Диаграмма JS: Как совместить верхние метки с нижними метками? - PullRequest
Новая
       4

Диаграмма JS: Как совместить верхние метки с нижними метками?

1 голос
/ 23 января 2020

У меня есть график - сделанный с графиком JS - который отображает месячные данные. Существует верхняя метка для обозначения каждого нового месяца в верхней части графика. Генерируется в xAxes с: 

{
          position: "top",
          ticks: {
            autoSkip: false,
            maxRotation: 0,
            callback: (_, i) => i
          },

Работает, но верхняя метка постепенно смещается от своей нижней метки. это странно. Как это исправить?

снимок экрана Мой код: 

   

{
    legend: { display: false },
    scales: {
      yAxes: [
        {
          stacked: true,
          ticks: {
            beginAtZero: true,
          },
          gridLines: {
            display: true,
            zeroLineColor: "black,
            zeroLineWidth: 0.5
          }
        }
      ],
      xAxes: [
        {
          offset: true,
          stacked: true,
          ticks: {
            fontColor: "black",
          },
          gridLines: {
            color: "transparent",
            zeroLineColor: "black,
            z: 1
          }
        },
        {
          position: "top",
          ticks: {
            autoSkip: false,
            maxRotation: 0,
            callback: (_, i) => i
          },
          gridLines: {
            drawBorder: false,
            display: true,
            lineWidth: 0.5
          }
        }
      ]
    }
...