Mirrors/Chart.js
1
0
Fork 0
mirror of https://github.com/chartjs/Chart.js.git synced 2024-10-06 20:29:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added ability for drawing a Line Chart as a stepped Line Chart.

Browse Source
This commit is contained in:
amlethojalen 2016-07-05 19:50:53 +10:00
parent 3cdd66ca58
commit efd06c886d
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docs/03-Line-Chart.md
View File

@ -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.

3
src/elements/element.line.js
View File

@ -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(