如何在 ChartJS 中切割折線圖

Question

我正在嘗試將折線圖剪切為其特定數據，但仍想顯示下面的標簽。 請看截圖。

如何在不移除09 Aug情況下移除或切斷帶有紅色指示器的線？

我已經添加了這條線lineTension: .10 ，但我認為這只是為了指定線條如何彎曲。 對此有什么想法嗎？ 我已經在互聯網上搜索過，但不幸的是沒有找到答案。

Answer 1

如果“剪切”的意思是“刪除”（不繪制），那么您只需要傳遞null作為值，例如：

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

由於您尚未提供代碼，我無法更正，因此這是一個粗略的工作示例：

 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>