2016-12-12 2 views
1

Мне интересно, почему моя диаграмма не выровнена слева и как я могу это сделать? Это мой код:Chart.js выровнять линейный график слева

var data = { 
    labels: ["ID"] 
    , datasets: [ 
     { 
      label: "Sensor 1" 
      , data: [{ 
       x: 0 
       , y: 2 
      }, { 
       x: 12 
       , y: 5 
      }] 
      , backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)' 
      , ] 
      , borderColor: [ 
       'rgba(255,99,132,1)' 
      ] 
      , borderWidth: 1 
     } 
    ] 
}; 
var options = { 
    title: { 
     display: true 
     , text: 'Custom Chart Title' 
    } 
    , scales: { 
     yAxes: [{ 
      ticks: { 
       beginAtZero: true 
      } 
     }] 
     , xAxes: [{ 
      type: "linear" 
      , position: "bottom" 
     }] 
    } 
}; 
var myLineChart = Chart.Line(ctx, { 
    data: data 
    , options: options 
}); 

Линия начинается прямо в центре графика, но я не знаю, как я могу привести его влево (по оси Х). Вот как это выглядит:

https://picload.org/image/raoipwci/chartjs.png

Как вы можете видеть, еще одна проблема в том, что ось у не совпадает с набором данных я вошел.

Редактировать: Хорошо, я наконец получил его работу. Я добавил правильный код.

+1

вы в состоянии произвести фрагмент или скрипку, который воспроизводит проблему – Quince

+0

я добавил полный код и изображения – binaryBigInt

ответ

0

Я понимаю, что это старое сообщение, но я думаю, что у меня есть решение для вашей проблемы, и я оставлю его здесь для кого-то другого, кто ищет это (я не могу проверить его прямо сейчас, но должен быть этим):

xAxes: [{ 
     type: "linear" 
     , position: "bottom" 
     , beginAtZero: true 
     , min: 0 
}] 

Кто-нибудь, дайте мне знать, если это правильно :)

 Смежные вопросы

  • Нет связанных вопросов^_^