如何在Chart.js中实现连接散点图

nfzehxib 于 2023-08-05 发布在 Chart.js

关注(0)|答案(1)|浏览(178)

我正在尝试实现Chart.js中显示的图表-本质上是一个具有两组连接数据集的散点图。我已经编写了一个具有正确点分布的散点图，但很难找到实现连接线的方法。API显示options.elements.lines，但这可以应用于Scatter类型吗？
100d 1xx 1c 1d 1x的字符串

chart.js

来源：https://stackoverflow.com/questions/76693486/how-to-implement-a-connected-scatter-graph-in-chart-js

1条答案

按热度按时间

t8e9dugd1#

您可以使用showLine属性并确保数据的顺序正确，以使点连接起来：

const options = {
  type: 'scatter',
  data: {
    datasets: [{
      data: [{
        x: 5,
        y: 6
      }, {
        x: 2,
        y: 9
      }, {
        x: 3,
        y: 4
      }, {
        x: 5,
        y: 6
      }],
      showLine: true
    }]
  },
  options: {
    scales: {}
  }
}

const ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);

个字符

赞(0）回复(0）举报 2023-08-05

我来回答

如何在Chart.js中实现连接散点图

1条答案

相关问题

热门标签

最新问答