Saya mencoba memotong grafik garis ke data spesifiknya tetapi masih ingin menunjukkan label di bawah ini. Silakan lihat tangkapan layar.

enter image description here

Bagaimana cara menghapus atau memotong garis dengan indikator merah tanpa menghapus 09 Aug?

Saya telah menambahkan baris ini, lineTension: .10, tetapi menurut saya ini hanya untuk menentukan bagaimana garis melengkung. Ada ide untuk ini? Saya sudah mencari di internet tetapi sayangnya tidak menemukan jawaban.

2
Jonjie 8 Agustus 2019, 07:06

1 menjawab

Jawaban Terbaik

Jika dengan "memotong" maksud Anda "menghapus" (jangan menggambar) maka Anda hanya perlu memberikan null sebagai nilainya, mis .:

data: [10159, 10152, 43149, 43149, null]

Karena Anda belum memberikan kode Anda, saya tidak dapat memperbaikinya, jadi inilah contoh kerja kasarnya:

new Chart(document.getElementById("chart"), {
  type: "line",
  data: {
    labels: ["05 Aug", "06 Aug", "07 Aug", "08 Aug", "09 Aug"],
    datasets: [{
      data: [10159, 10152, 43149, 43149, null],
      fill: false,
      lineTension: .1
    }]
  },
  options: {
    legend: {
      display: false
    },
    maintainAspectRatio: false,
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
<canvas id="chart"></canvas>
1
timclutton 8 Agustus 2019, 08:29