如何使用chartjs库填充图表中两条竖线之间的区域?

ar5n3qh5  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(155)

我需要使用chartjs填充两个折线图之间的区域。我找到了当一条线在另一条线之上时如何填充,但我想知道当两条线并排时,我需要它们之间的区域。
例如, 像这样的图表

代码如下:

const ctx = document.getElementById('myChart');
    const myChart = new Chart(ctx, {
        type: 'scatter',
        data: {
          datasets: [{
            label: 'linha 1',            
            data:[
              {x: -11, y: 7},
              {x: -11, y: 7},
              {x: -1, y: 8},
            ],
            showLine: true,
            borderColor: '#009999',
            backgroundColor: '#009999',
          }, 
          {
            label: 'linha 2',
            data: [
              {x: 0, y: 7},
              {x: 0, y: 7},
              {x: 8, y: 8},
            ],
            showLine: true,
            borderColor: '#f00',
            backgroundColor: '#f00',
          }
        ]
        },
        options: {
          responsive: false,
        }
    });
yhived7q

yhived7q1#

我认为你需要一个专门的插件来做到这一点。
我已经创建了一个(它可以改进),见代码片段。
第一个

相关问题