canvas-linechart
Advanced tools
Comparing version 2.0.0 to 2.1.0
## `canvasLineChart` | ||
Draw a line chart on canvas. | ||
### Parameters | ||
@@ -12,3 +12,3 @@ | ||
* `base` **`number`** mathematical base, a number between 0 and 1 | ||
* `options` **`Object`** | ||
* `options` **`Object`** optional customizations | ||
@@ -15,0 +15,0 @@ |
@@ -0,1 +1,5 @@ | ||
## 2.1.0 | ||
* Removes marker text | ||
## 2.0.0 | ||
@@ -2,0 +6,0 @@ |
25
index.js
var xtend = require('xtend'), | ||
linearScale = require('simple-linear-scale'), | ||
clamp = require('clamp'), | ||
util = require('./util'), | ||
@@ -10,2 +9,3 @@ getControlPoints = require('./get_control_points'); | ||
/** | ||
* Draw a line chart on canvas. | ||
* @param {Canvas} c canvas element | ||
@@ -16,3 +16,3 @@ * @param {number} height | ||
* @param {number} base mathematical base, a number between 0 and 1 | ||
* @param {Object} options | ||
* @param {Object} options optional customizations | ||
* @param {number} [options.options.scaleFactor=1] dpi ratio | ||
@@ -22,3 +22,3 @@ * @param {number} [options.min=0] minimum x value | ||
* @param {number} [options.tickSize=1] space between each tick mark | ||
* @param {Array<number>} options.marker a marker as a [zoom, val] pair | ||
* @param {number} options.marker a marker as a zoom value | ||
* @param {boolean} options.step whether to represent the chart as stair-steps | ||
@@ -42,3 +42,2 @@ * rather than an interpolated line. | ||
var margin = s(12); | ||
var markerOffset = s(10); | ||
var fontSize = s(10); | ||
@@ -75,2 +74,7 @@ var values = data.map(function(d) { return d[1]; }); | ||
if (options.marker) { | ||
ctx.fillStyle = '#ddd'; | ||
ctx.fillRect(xScale(options.marker[0]), 0, s(2), chartHeight + margin); | ||
} | ||
// draw the data line | ||
@@ -94,7 +98,2 @@ ctx.strokeStyle = '#222'; | ||
if (options.marker) { | ||
ctx.fillStyle = '#ddd'; | ||
ctx.fillRect(xScale(options.marker[0]) - s(0.75), 0, s(1.5), chartHeight); | ||
} | ||
ctx.fillStyle = '#fff'; | ||
@@ -126,10 +125,2 @@ ctx.strokeStyle = '#222'; | ||
}); | ||
if (options.marker) { | ||
var xAnchor = clamp(xScale(options.marker[0]), options.max, width - options.max); | ||
ctx.fillStyle = '#ddd'; | ||
ctx.font = 'bold' + fontSize + 'px Menlo, monospace'; | ||
ctx.textAlign = 'center'; | ||
ctx.fillText('' + options.marker[1], xAnchor, chartHeight + markerOffset); | ||
} | ||
} |
{ | ||
"name": "canvas-linechart", | ||
"version": "2.0.0", | ||
"version": "2.1.0", | ||
"description": "simple, dependency-free canvas chart", | ||
@@ -27,5 +27,2 @@ "main": "index.js", | ||
"dependencies": { | ||
"clamp": "^1.0.1", | ||
"defined": "^1.0.0", | ||
"eslint": "^1.5.0", | ||
"simple-linear-scale": "^1.0.1", | ||
@@ -35,2 +32,3 @@ "xtend": "^4.0.0" | ||
"devDependencies": { | ||
"eslint": "^1.5.0", | ||
"browserify": "^11.1.0", | ||
@@ -37,0 +35,0 @@ "btoa": "^1.1.2", |
@@ -5,10 +5,6 @@ # canvas-linechart | ||
## api | ||
## [api](API.md) | ||
lineChart(elem, width, [[x, value, options?], ... ], baseCurve, [x, label], step); | ||
Options are `end` for omitting the dot and `focus` for highlighting the dot. If `step` is true, stops will not be interpolated. | ||
## install | ||
npm install --save canvas-linechart |
2
6872
9
133
10
- Removedclamp@^1.0.1
- Removeddefined@^1.0.0
- Removedeslint@^1.5.0
- Removedansi-escapes@1.4.0(transitive)
- Removedansi-regex@2.1.1(transitive)
- Removedansi-styles@2.2.1(transitive)
- Removedargparse@1.0.10(transitive)
- Removedbalanced-match@1.0.2(transitive)
- Removedbrace-expansion@1.1.11(transitive)
- Removedbuffer-from@1.1.2(transitive)
- Removedcall-bind@1.0.7(transitive)
- Removedchalk@1.1.3(transitive)
- Removedcircular-json@0.3.3(transitive)
- Removedclamp@1.0.1(transitive)
- Removedcli-cursor@1.0.2(transitive)
- Removedcli-width@1.1.1(transitive)
- Removedcode-point-at@1.1.0(transitive)
- Removedconcat-map@0.0.1(transitive)
- Removedconcat-stream@1.6.2(transitive)
- Removedcore-util-is@1.0.3(transitive)
- Removedd@1.0.2(transitive)
- Removeddebug@2.6.9(transitive)
- Removeddeep-is@0.1.4(transitive)
- Removeddefine-data-property@1.1.4(transitive)
- Removeddefined@1.0.1(transitive)
- Removeddoctrine@0.7.2(transitive)
- Removedes-define-property@1.0.0(transitive)
- Removedes-errors@1.3.0(transitive)
- Removedes5-ext@0.10.64(transitive)
- Removedes6-iterator@2.0.3(transitive)
- Removedes6-map@0.1.5(transitive)
- Removedes6-set@0.1.6(transitive)
- Removedes6-symbol@3.1.4(transitive)
- Removedes6-weak-map@2.0.3(transitive)
- Removedescape-string-regexp@1.0.5(transitive)
- Removedescope@3.6.0(transitive)
- Removedeslint@1.10.3(transitive)
- Removedesniff@2.0.1(transitive)
- Removedespree@2.2.5(transitive)
- Removedesprima@2.7.3(transitive)
- Removedesrecurse@4.3.0(transitive)
- Removedestraverse@4.3.05.3.0(transitive)
- Removedestraverse-fb@1.3.2(transitive)
- Removedesutils@1.1.62.0.3(transitive)
- Removedevent-emitter@0.3.5(transitive)
- Removedexit-hook@1.1.1(transitive)
- Removedext@1.7.0(transitive)
- Removedfast-levenshtein@1.0.7(transitive)
- Removedfigures@1.7.0(transitive)
- Removedfile-entry-cache@1.3.1(transitive)
- Removedflat-cache@1.3.4(transitive)
- Removedfs.realpath@1.0.0(transitive)
- Removedfunction-bind@1.1.2(transitive)
- Removedgenerate-function@2.3.1(transitive)
- Removedgenerate-object-property@1.2.0(transitive)
- Removedget-intrinsic@1.2.4(transitive)
- Removedglob@5.0.157.2.3(transitive)
- Removedglobals@8.18.0(transitive)
- Removedgopd@1.0.1(transitive)
- Removedgraceful-fs@4.2.11(transitive)
- Removedhandlebars@4.7.8(transitive)
- Removedhas-ansi@2.0.0(transitive)
- Removedhas-property-descriptors@1.0.2(transitive)
- Removedhas-proto@1.0.3(transitive)
- Removedhas-symbols@1.0.3(transitive)
- Removedhasown@2.0.2(transitive)
- Removedinflight@1.0.6(transitive)
- Removedinherits@2.0.4(transitive)
- Removedinquirer@0.11.4(transitive)
- Removedis-fullwidth-code-point@1.0.0(transitive)
- Removedis-my-ip-valid@1.0.1(transitive)
- Removedis-my-json-valid@2.20.6(transitive)
- Removedis-property@1.0.2(transitive)
- Removedis-resolvable@1.1.0(transitive)
- Removedisarray@0.0.11.0.02.0.5(transitive)
- Removedjs-yaml@3.4.5(transitive)
- Removedjson-stable-stringify@1.1.1(transitive)
- Removedjsonify@0.0.1(transitive)
- Removedjsonpointer@5.0.1(transitive)
- Removedlevn@0.2.5(transitive)
- Removedlodash@3.10.1(transitive)
- Removedlodash._arraycopy@3.0.0(transitive)
- Removedlodash._arrayeach@3.0.0(transitive)
- Removedlodash._arraymap@3.0.0(transitive)
- Removedlodash._baseassign@3.2.0(transitive)
- Removedlodash._baseclone@3.3.0(transitive)
- Removedlodash._basecopy@3.0.1(transitive)
- Removedlodash._basedifference@3.0.3(transitive)
- Removedlodash._baseflatten@3.1.4(transitive)
- Removedlodash._basefor@3.0.3(transitive)
- Removedlodash._baseindexof@3.1.0(transitive)
- Removedlodash._bindcallback@3.0.1(transitive)
- Removedlodash._cacheindexof@3.0.2(transitive)
- Removedlodash._createassigner@3.1.1(transitive)
- Removedlodash._createcache@3.1.2(transitive)
- Removedlodash._getnative@3.9.1(transitive)
- Removedlodash._isiterateecall@3.0.9(transitive)
- Removedlodash._pickbyarray@3.0.2(transitive)
- Removedlodash._pickbycallback@3.0.0(transitive)
- Removedlodash.clonedeep@3.0.2(transitive)
- Removedlodash.isarguments@3.1.0(transitive)
- Removedlodash.isarray@3.0.4(transitive)
- Removedlodash.isplainobject@3.2.0(transitive)
- Removedlodash.istypedarray@3.0.6(transitive)
- Removedlodash.keys@3.1.2(transitive)
- Removedlodash.keysin@3.0.8(transitive)
- Removedlodash.merge@3.3.2(transitive)
- Removedlodash.omit@3.1.0(transitive)
- Removedlodash.restparam@3.6.1(transitive)
- Removedlodash.toplainobject@3.0.0(transitive)
- Removedminimatch@3.1.2(transitive)
- Removedminimist@1.2.8(transitive)
- Removedmkdirp@0.5.6(transitive)
- Removedms@2.0.0(transitive)
- Removedmute-stream@0.0.5(transitive)
- Removedneo-async@2.6.2(transitive)
- Removednext-tick@1.1.0(transitive)
- Removednumber-is-nan@1.0.1(transitive)
- Removedobject-assign@4.1.1(transitive)
- Removedobject-keys@1.1.1(transitive)
- Removedonce@1.4.0(transitive)
- Removedonetime@1.1.0(transitive)
- Removedoptionator@0.6.0(transitive)
- Removedos-homedir@1.0.2(transitive)
- Removedpath-is-absolute@1.0.1(transitive)
- Removedpath-is-inside@1.0.2(transitive)
- Removedprelude-ls@1.1.2(transitive)
- Removedprocess-nextick-args@2.0.1(transitive)
- Removedreadable-stream@2.3.8(transitive)
- Removedreadline2@1.0.1(transitive)
- Removedrestore-cursor@1.0.1(transitive)
- Removedrimraf@2.6.3(transitive)
- Removedrun-async@0.1.0(transitive)
- Removedrx-lite@3.1.2(transitive)
- Removedsafe-buffer@5.1.2(transitive)
- Removedset-function-length@1.2.2(transitive)
- Removedshelljs@0.5.3(transitive)
- Removedsource-map@0.6.1(transitive)
- Removedsprintf-js@1.0.3(transitive)
- Removedstring-width@1.0.2(transitive)
- Removedstring_decoder@1.1.1(transitive)
- Removedstrip-ansi@3.0.1(transitive)
- Removedstrip-json-comments@1.0.4(transitive)
- Removedsupports-color@2.0.0(transitive)
- Removedtext-table@0.2.0(transitive)
- Removedthrough@2.3.8(transitive)
- Removedtype@2.7.2(transitive)
- Removedtype-check@0.3.2(transitive)
- Removedtypedarray@0.0.6(transitive)
- Removeduglify-js@3.17.4(transitive)
- Removeduser-home@2.0.0(transitive)
- Removedutil-deprecate@1.0.2(transitive)
- Removedwordwrap@0.0.31.0.0(transitive)
- Removedwrappy@1.0.2(transitive)
- Removedwrite@0.2.1(transitive)
- Removedxml-escape@1.0.0(transitive)