Javascript chart.js上的连接点（已解决-请参见coments）

我正在尝试在固定线和平行线之间创建一个混合图（我将尝试发布一个模型的图像），我已经尝试了一切，我得到的最接近的是chartjs上的“散布”类型，但我无法将连接它们的线放在y轴上，你知道使用chartjs是否可以使用这种类型的图表，或者是否有另一个JS工具（免费）你能报告吗

在ChartJS（？？？）

JavaScript ChartJS：

    var chartValoresIndividuais = new Chart(ctx2, {
    type:'line',
    data: {
      labels: valorLabels,
      datasets: [
        { 
          backgroundColor: '#333333',
          borderColor: '#333333',
          steppedLine: true,
          label: "Limite A",
          data: valorLimite01,
          borderWidth: 1,
          fill: false,
          pointRadius: 0,
        },
        { type: 'scatter',
          backgroundColor: utils.transparentize(presets.red),
          borderColor: presets.red,
          label: "Valor A",
          data: valorA,
          borderWidth: 1,
          barPercentage:0.2,
          pointRadius: 3,
        },          
        { type: 'scatter',
          backgroundColor: utils.transparentize(presets.orange),
          borderColor: presets.orange,
          label: "Valor B",
          data: valorB,
          barPercentage:0.2,
          pointRadius: 3,
        },
        {
          backgroundColor: '#333333',
          borderColor: '#333333',
          steppedLine: true,
          label: "Limite B",
          data: valorLimite02,
          borderWidth: 1,
          fill: false,
          pointRadius: 0,
        },
        { type: 'scatter',
          backgroundColor: utils.transparentize(presets.blue),
          borderColor: presets.blue,
          label: "Valor C",
          data: valorC,
          borderWidth: 1,
      barPercentage:0.2,
          pointRadius: 3,
        },
      ],
    },

---

我在这本书中发现了类似的东西：