Question

我需要为我的线和我的组合（条形和线条）图表绘制水平限制线。 Chart.js有一个解决方案＆lt; 2.0如下所示：

但此解决方案不再使用chart.js＆gt; 2.0：

jquery.1.12.1.js:9743 Uncaught TypeError: Cannot read property 'extend' of undefined

那么我应该如何在Chart.js 2.1.6中绘制限制线？

Answer 1

将Chart.Annotation.js添加到您的项目并执行：

annotation: {
    annotations: [{
        type: 'line',
        mode: 'horizontal',
        scaleID: 'y-axis-0',
        value: '25',
        borderColor: 'red',
        borderWidth: 2
    }]
}

options

中的

Answer 2

你可以在chart.js中绘制水平和垂直线，试试这个，你正在使用Chart.js Version: 2.2.1

Filter

感谢这个http://plnkr.co/edit/8HJtZ7WKmTEy2gGuOT0v?p=preview，我用最新版本的chart.js更新了它并对其进行了更改。

Answer 3

对于有兴趣绘制多条极限线（例如，每个数据点一个极限）的人，我发现一种简单的方法是简单地创建一个混合图表，用线系列代表您的极限点。完成此操作后，您可以使用以下选项将线点变成平面线，并隐藏整体线：

v-closable="{ exclude: ['burger'], // this is your refName handler: 'onClose' }"

Chart.js 2.1.6：绘制水平限制线？

3 个答案: