javascript - 添加趋势线到现有图表 Chart.js

Question

几个小时以来，我一直在寻找一种解决方案，将趋势线添加到使用 Chart.js 构建的现有图表中

我认为我们只能在 Chart.js 上添加对数趋势线？

我不想从头开始绘制趋势线，而是根据这 2 条线的现有数据添加 2 条趋势线；请看这个 fiddle 示例:

谢谢 https://jsfiddle.net/blueagency/p88mx3nw/

非常感谢您的帮助。

Answer 1

chartjs-plugin-trendline 提供插入 Chart.js 的直线趋势线。

新公共(public)管理: https://www.npmjs.com/package/chartjs-plugin-trendline/v/0.1.1

下载: https://www.jsdelivr.com/package/npm/chartjs-plugin-trendline

使用非常简单 - 只需将以下内容添加到您的数据集:

datasets: [{
            // Other configurations
            // ...
            trendlineLinear: {
                style: "rgb(43 ,66 ,255, 0.3)",
                lineStyle: "dotted|solid",
                width: 2
            }
        }]