ChartJS 我如何使用折线图给予如下屏幕截图中的值

8oomwypt 于 2023-01-13 发布在 Chart.js

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

如何展示这些直线。

我添加了x: { offset: true }，但下一个点看起来不直。
我的代码

const labels = ["A", "B", "C", "D"];
const data = {
  labels: labels,
  borderColor: "",
  datasets: [
    {
      label: "Title",          
      data: [0, 50, 50, -10],
      fill: false,
      borderWidth: 5,
      borderColor: "yellow",
      tension: 0.1,
    },
  ],
};

chart.js

来源：https://stackoverflow.com/questions/75038406/how-can-i-give-values-like-below-screenshot-using-line-chart

1条答案

按热度按时间

zz2j4svz1#

可以按如下方式使用散布：

const myChart = new Chart(ctx, {
  type: 'scatter',
  data: {
    datasets: [{
      data: [{x:0, y:0}, {x:0, y:10}, {x:2, y:10}, {x:2, y:0}],
     }]
   },
  options: {
    showLine: true
  }
 });

x一个一个一个一个x一个一个二个一个x一个一个三个一个

赞(0）回复(0）举报 2023-01-13

我来回答

ChartJS 我如何使用折线图给予如下屏幕截图中的值

1条答案

相关问题

热门标签

最新问答