t4sk/react-canvas-time-series

bit add src/components/MyComponent.tsx
bit untrack my-component
bit status
bit list
bit build
bit tag --all
bit tag my-component x.y.z
bit export t4sk.react-lib-ts

react-canvas-time-series's Issues

custom graph canvases for stock price / volume

react-canvas-time-series/src/index.js

Lines 22 to 25 in af63449

	// TODO custom graph canvases for stock price / volume
	// TODO optimizations mentioned in mozilla website

---

This issue was generated by todo based on a TODO comment in af63449. It's been assigned to @t4sk because they committed the code.

canvas clear method

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L33-L37

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

draw label line to cover tick

rename frame position

canvasX, canvasY to top, and left

? components for drawing

https://github.com/t4sk/react-canvas-graph/blob/c1ecc85676d98fa82942c8ffe0d12ec5273b3147/src/index.js#L19-L22

---

This issue was generated by todo based on a TODO comment in c1ecc85. It's been assigned to @t4sk because they committed the code.

reusable component for drag

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L30-L35

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

delete canvas.background

react-canvas-time-series/README.md

Lines 5 to 10 in 5274ea5

	- [ ] TODO delete canvas.background
	- [ ] TODO Delete zoomable and draggable
	- [ ] TODO Drag and zoom example
	> react canvas graph time series

---

This issue was generated by todo based on a TODO comment in 5274ea5. It's been assigned to @t4sk because they committed the code.

render data in test drag and clear data

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L31-L36

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

? dont draw data outside graph

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L34-L37

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

shouldRenderGraph

react-canvas-time-series/README.md

Lines 7 to 11 in 16e1178

	- [ ] TODO shouldRenderGraph
	> react canvas graph time series
	[](https://www.npmjs.com/package/react-canvas-time-series) [](https://standardjs.com)

---

This issue was generated by todo based on a TODO comment in 16e1178. It's been assigned to @t4sk because they committed the code.

set yTickInterval

sett yTickInterval (1000, 2000, 3000, ...)

helpers to convert between canvas x, y -> data x y

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/canvas/math.js#L54-L58

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

xTickInterval, yTickInterval

react-canvas-time-series/README.md

Lines 4 to 9 in 5274ea5

	- [ ] TODO xTickInterval, yTickInterval
	- [ ] TODO delete canvas.background
	- [ ] TODO Delete zoomable and draggable
	- [ ] TODO Drag and zoom example
	> react canvas graph time series

---

This issue was generated by todo based on a TODO comment in 5274ea5. It's been assigned to @t4sk because they committed the code.

bar label sliding to right due to round off errors

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/canvas/bar/index.js#L24-L27

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

require more explicit props instead of props.candlestick

https://github.com/t4sk/react-canvas-graph/blob/24fd1b04533c9ab045329f293505b37772fb74de/example/src/test-render/integration.js#L192-L197

---

This issue was generated by todo based on a TODO comment in 24fd1b0. It's been assigned to @t4sk because they committed the code.

point to points

react-canvas-time-series/README.md

Lines 3 to 8 in 5274ea5

	- [ ] TODO point to points
	- [ ] TODO xTickInterval, yTickInterval
	- [ ] TODO delete canvas.background
	- [ ] TODO Delete zoomable and draggable
	- [ ] TODO Drag and zoom example

---

This issue was generated by todo based on a TODO comment in 5274ea5. It's been assigned to @t4sk because they committed the code.

option to animate or not

margin between UI label and graph`

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L27-L32

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

fetch on xMin or xMax change

react-canvas-time-series/example/src/test-render/bar.js

Lines 199 to 204 in 1989469

	// TODO fetch on xMin or xMax change
	// TODO update xTicks on drag
	// TODO filter data by xMin and xMax on drag
	return (
	<Graphs
	width={WIDTH}

---

This issue was generated by todo based on a TODO comment in 1989469. It's been assigned to @t4sk because they committed the code.

render yTicks (to render yMax when tickInterval does not render yMax)

react-canvas-time-series/README.md

Lines 5 to 10 in 16e1178

	- [ ] TODO render yTicks (to render yMax when tickInterval does not render yMax)
	- [ ] TODO render label and yLine
	- [ ] TODO shouldRenderGraph
	> react canvas graph time series
	[](https://www.npmjs.com/package/react-canvas-time-series) [](https://standardjs.com)

---

This issue was generated by todo based on a TODO comment in 16e1178. It's been assigned to @t4sk because they committed the code.

Point</h3>

https://github.com/t4sk/react-canvas-graph/blob/fe319c801f44fb625275a369e966478b8099f7b7/example/src/test-render/line.js#L66-L71

---

This issue was generated by todo based on a TODO comment in fe319c8. It's been assigned to @t4sk because they committed the code.

require more explicit props instead of props.candlestick

https://github.com/t4sk/react-canvas-graph/blob/24fd1b04533c9ab045329f293505b37772fb74de/example/src/test-render/integration.js#L198-L203

---

This issue was generated by todo based on a TODO comment in 24fd1b0. It's been assigned to @t4sk because they committed the code.

remove isDragging

https://github.com/t4sk/react-canvas-graph/blob/19e17ff42860193ad27b1fcc3be862f6a6ceea3f/src/canvas/ui/index.js#L193-L196

---

This issue was generated by todo based on a TODO comment in 19e17ff. It's been assigned to @t4sk because they committed the code.

web worker

https://developers.google.com/web/updates/2018/08/offscreen-canvas

update xTicks on drag

react-canvas-time-series/example/src/test-render/bar.js

Lines 200 to 204 in 1989469

	// TODO update xTicks on drag
	// TODO filter data by xMin and xMax on drag
	return (
	<Graphs
	width={WIDTH}

---

This issue was generated by todo based on a TODO comment in 1989469. It's been assigned to @t4sk because they committed the code.

realistic zoom example with data

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L37

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

ui function to highlight column

https://github.com/t4sk/react-canvas-graph/blob/1c481c7910131a914ec43830fe3fe86315aa4234/src/index.js#L26

---

This issue was generated by todo based on a TODO comment in 1c481c7. It's been assigned to @t4sk because they committed the code.

Drag and zoom example

react-canvas-time-series/README.md

Lines 7 to 11 in 5274ea5

	- [ ] TODO Drag and zoom example
	> react canvas graph time series
	[](https://www.npmjs.com/package/react-canvas-time-series) [](https://standardjs.com)

---

This issue was generated by todo based on a TODO comment in 5274ea5. It's been assigned to @t4sk because they committed the code.

canvas border color

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L24-L29

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

render label and yLine

react-canvas-time-series/README.md

Lines 6 to 11 in 16e1178

	- [ ] TODO render label and yLine
	- [ ] TODO shouldRenderGraph
	> react canvas graph time series
	[](https://www.npmjs.com/package/react-canvas-time-series) [](https://standardjs.com)

---

This issue was generated by todo based on a TODO comment in 16e1178. It's been assigned to @t4sk because they committed the code.

default props for background, bar, line, candlestick, ui

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L23-L28

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

unexport canvas but export helpers like ui and math

react-canvas-time-series/src/index.js

Lines 1 to 4 in 394270a

	// TODO unexport canvas but export helpers like ui and math
	export { default as canvas } from './canvas'
	export { default as GraphCanvas } from './graph-canvas'

---

This issue was generated by todo based on a TODO comment in 394270a. It's been assigned to @t4sk because they committed the code.

performance of spread operators when drawing

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L35-L37

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

? clear canvas before drawing data?

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L32-L37

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

unexport canvas

react-canvas-time-series/src/index.js

Lines 1 to 4 in f782585

	// TODO unexport canvas
	export { default as canvas } from './canvas'
	export { default as GraphCanvas } from './graph-canvas'

---

This issue was generated by todo based on a TODO comment in f782585. It's been assigned to @t4sk because they committed the code.

replace should draw ui with something else

react-canvas-time-series/example/src/test-render/integration/candlestick.js

Lines 18 to 23 in 9f704dc

	// TODO replace should draw ui with something else
	// TODO mouse component
	class TestCandlestick extends Component {
	constructor(props) {
	super(props)

---

This issue was generated by todo based on a TODO comment in 9f704dc. It's been assigned to @t4sk because they committed the code.

filter data by xMin and xMax on drag

react-canvas-time-series/example/src/test-render/bar.js

Lines 201 to 204 in 1989469

	// TODO filter data by xMin and xMax on drag
	return (
	<Graphs
	width={WIDTH}

---

This issue was generated by todo based on a TODO comment in 1989469. It's been assigned to @t4sk because they committed the code.

rename react-canvas-graph -> react-canvas-time-series

https://github.com/t4sk/react-canvas-graph/blob/c6ea64836bee841f59a9d2a83d5f1fa10c29193c/src/index.js#L27

---

This issue was generated by todo based on a TODO comment in c6ea648. It's been assigned to @t4sk because they committed the code.

where to get graph

react-canvas-time-series/example/src/test-render/ui/test-zoom.js

Lines 26 to 31 in 394270a

	// TODO where to get graph
	const graph = {
	top: 0,
	left: 50,
	height: 250,
	width: 450,

---

This issue was generated by todo based on a TODO comment in 394270a. It's been assigned to @t4sk because they committed the code.

graph rendered outside xMin, xMax

margin between background label and graph

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L26-L31

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

rename x, y interval to x, y step

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L29-L34

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

when props.drawUI is absent, draw is not re-triggered after prop updates

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/graph-canvas.js#L112-L115

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

candlestick

react-canvas-time-series/src/canvas/index.js

Lines 12 to 17 in 5274ea5

	// TODO candlestick
	// import * as candlestick from './candlestick'
	import * as math from './math'
	export default {
	xAxis,

---

This issue was generated by todo based on a TODO comment in 5274ea5. It's been assigned to @t4sk because they committed the code.

mouse component

react-canvas-time-series/example/src/test-render/integration/candlestick.js

Lines 19 to 23 in 9f704dc

	// TODO mouse component
	class TestCandlestick extends Component {
	constructor(props) {
	super(props)

---

This issue was generated by todo based on a TODO comment in 9f704dc. It's been assigned to @t4sk because they committed the code.

only draw if data or background changed

react-canvas-time-series/src/graph-canvas.js

Lines 344 to 347 in 90689e7

	// TODO only draw if data or background changed
	this.draw()
	// TODO fix getCanvasX, getCanvasY does not update after prop changes

---

This issue was generated by todo based on a TODO comment in 90689e7. It's been assigned to @t4sk because they committed the code.

Delete zoomable and draggable

react-canvas-time-series/README.md

Lines 6 to 11 in 5274ea5

	- [ ] TODO Delete zoomable and draggable
	- [ ] TODO Drag and zoom example
	> react canvas graph time series
	[](https://www.npmjs.com/package/react-canvas-time-series) [](https://standardjs.com)

---

This issue was generated by todo based on a TODO comment in 5274ea5. It's been assigned to @t4sk because they committed the code.

zoomable composable component

https://github.com/t4sk/react-canvas-graph/blob/3bcb16744ab108efd6b0cfbceabec21442961c64/src/index.js#L36-L37

---

This issue was generated by todo based on a TODO comment in 3bcb167. It's been assigned to @t4sk because they committed the code.

cannot stop scroll onWheel

util func compute graph from background props

https://github.com/t4sk/react-canvas-graph/blob/ec63e4d1800226016b11ea21045068165f380fd6/src/canvas/background/util.js#L3-L6

---

This issue was generated by todo based on a TODO comment in ec63e4d. It's been assigned to @t4sk because they committed the code.