홈>

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>

관련 자료

  • 이전 c# - 프로세스가 다른 프로세스에서 사용 중이므로 exe 파일에 액세스 할 수 없습니다
  • 다음 javascript - DOM jQuery에서 입력을 추가 한 후 부트 스트랩 4 모달 스크롤이 작동하지 않음