chartjs выравнивает начало оси по углу графика - PullRequest
Новая
       15

chartjs выравнивает начало оси по углу графика

0 голосов
/ 31 октября 2019

Я новичок в java-скрипте, и теперь у меня возникают некоторые проблемы, когда я пытаюсь нарисовать график charJS в очень маленьких прямоугольниках.

Мое предполагаемое поведение - сделать так, чтобы начало координат координаты находилось в левом нижнем углу холста, чтобы холст полностью использовался. Текущее поведение, как показано ниже,

enter image description here

Предполагаемое поведение, как показано ниже,

enter image description here

Вот что я попробовал в скрипке . Исходная точка графика не выровнена по левому углу оси, и я понятия не имею, как изменить местоположение исходной оси.

javascript: 

var ctx = document.getElementById("lineChart").getContext('2d');

var data = {
labels: [
    1,
    2,
    3,
    4,
    5 ,
    6 ,
    7 ,
    8 ,
    9 ,
    10
],
datasets: [{
    label: "Project",
    fill:false,
    borderColor:"#F83435",
    borderWidth:1,
    data: [
1,
2,
3,
4,
5,
    6,
7,
8,
8,
9, ],
} 
]};

var options = {
elements:{point:{radius:0}},
responsive:true,
scales:{
    xAxes:[{gridLines:{display:false, color: "#FFFFFF"},
        ticks:{display:false}}],
        yAxes:[{gridLines:{display:false, color: "#FFFFFF"},
        ticks:{display:false}}]
},    
legend:{display:false}

}

var mixedChart = new Chart(ctx, {
type: 'line',
data: data,
options:options});

html 

<div class="wrapper">
<canvas id="lineChart" width="150" height="150"></canvas>
</div>

css 

.wrapper{
  width:150px;
  height:150px;
  background:blue;
}

Пожалуйста, помогите. Большое спасибо!

1 Ответ

0 голосов
/ 31 октября 2019

Нвм, я тупой, просто нужно спрятать всю ось, тогда результат верный. Мол, 

scales:{
       xAxes:[{display:false, }],
       yAxes:[{display:false,}]},    
       legend:{display:false}
}
...