我需要使用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,
}
});
1条答案
按热度按时间yhived7q1#
我认为你需要一个专门的插件来做到这一点。
我已经创建了一个(它可以改进),见代码片段。
第一个