From efd06c886de405f00a93c506ef48a4e306c59af0 Mon Sep 17 00:00:00 2001 From: amlethojalen Date: Tue, 5 Jul 2016 19:50:53 +1000 Subject: [PATCH] Added ability for drawing a Line Chart as a stepped Line Chart. --- docs/03-Line-Chart.md | 2 +- src/elements/element.line.js | 3 +++ 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/03-Line-Chart.md b/docs/03-Line-Chart.md index d4b6ea902..447b05c5c 100644 --- a/docs/03-Line-Chart.md +++ b/docs/03-Line-Chart.md @@ -39,7 +39,7 @@ label | `String` | The label for the dataset which appears in the legend and too xAxisID | `String` | The ID of the x axis to plot this dataset on yAxisID | `String` | The ID of the y axis to plot this dataset on fill | `Boolean` | If true, fill the area under the line -lineTension | `Number` | Bezier curve tension of the line. Set to 0 to draw straightlines. *Note* This was renamed from 'tension' but the old name still works. +lineTension | `Number` | Bezier curve tension of the line. Set to 0 to draw straightlines. Set to -1 to draw a Stepped Line Chart. *Note* This was renamed from 'tension' but the old name still works. backgroundColor | `Color` | The fill color under the line. See [Colors](#getting-started-colors) borderWidth | `Number` | The width of the line in pixels borderColor | `Color` | The color of the line. diff --git a/src/elements/element.line.js b/src/elements/element.line.js index ba7fdf703..da939fc60 100644 --- a/src/elements/element.line.js +++ b/src/elements/element.line.js @@ -29,6 +29,9 @@ module.exports = function(Chart) { previousSkipHandler.call(me, previousPoint, point, nextPoint); } else if (point._view.tension === 0) { ctx.lineTo(point._view.x, point._view.y); + } else if (point._view.tension === -1) { + ctx.lineTo(point._view.x, previousPoint._view.y); + ctx.lineTo(point._view.x, point._view.y); } else { // Line between points ctx.bezierCurveTo( -- 2.47.3