홈>2020-02-01 01:24

Chartjs 샘플 수학 축을 만드는 방법?

다음 이미지와 같이 x, y 축을 갖고 싶습니다.

실제로는 샘플이지만 x, y는 (0,0)에 걸쳐 있습니다. 부정적인 부분은 항상 어떤 점이 있거나 지금있는 것이 무엇이든 보여주기를 원합니다.

감사합니다

chart.js

답변 # 1

예제 이미지와 가까운 결과를 얻을 수 있지만 정확히 같은 것은 아닙니다. 눈금 레이블을 제로 라인에 맞추려면 맞춤 축을 만들어야 할 것입니다.

let axisConfig = {
  drawBorder: false,
  gridLines: {
    lineWidth: 0,
    zeroLineWidth: 1
  },
  ticks: {
    max: 6,
    min: -6
  }
};
new Chart(document.getElementById("chart"), {
  type: "scatter",
  options: {
    scales: {
      xAxes: [axisConfig],
      yAxes: [axisConfig]
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="chart"></canvas>

Python2.net

Chartjs 샘플 수학 축을 만드는 방법?

관련 자료