>

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

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

감사합니다


  • 답변 # 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 모달 스크롤이 작동하지 않음