0.7 - Breaking changes

The issue description will be kept up to date reflecting the status and changes

• In order to get the benefits of tree-shaking, and as a first step to splitting into different modules, all the individual components have to be imported by itself

-import { ChartCanvas, Chart, series, scale, coordinates, tooltip, axes, indicator, helper } from "react-stockcharts";
+import { ChartCanvas, Chart } from "react-stockcharts";

-var { CandlestickSeries, BarSeries, LineSeries, AreaSeries } = series;
+import {
+       CandlestickSeries,
+       BarSeries,
+       LineSeries,
+       AreaSeries,
+} from "react-stockcharts/lib/series";

-var { discontinuousTimeScaleProvider } = scale;
+import { discontinuousTimeScaleProvider } from "react-stockcharts/lib/scale";

-var { CrossHairCursor, MouseCoordinateX, MouseCoordinateY, CurrentCoordinate } = coordinates;
+import {
+       CrossHairCursor,
+       CurrentCoordinate,
+       MouseCoordinateX,
+       MouseCoordinateY,
+} from "react-stockcharts/lib/coordinates";

-var { OHLCTooltip, MovingAverageTooltip } = tooltip;
+import {
+       OHLCTooltip,
+       MovingAverageTooltip,
+} from "react-stockcharts/lib/tooltip";

-var { XAxis, YAxis } = axes;
+import { XAxis, YAxis } from "react-stockcharts/lib/axes";

-var { ema, sma, wma, tma } = indicator;
+import { ema, wma, sma, tma } from "react-stockcharts/lib/indicator";

-var { fitWidth } = helper;
+import { fitWidth } from "react-stockcharts/lib/helper";

• Remove the usage of calculator, from all XXXSeries and XXXTooltip and from ChartCanvas what this means is that react-stockcharts will not calculate any indicators for you, it has to be done in userland before rendering the chart. There have been many questions about custom indicators and how to use indicators which are calculated on the server. After using the app myself, I think it is more intuitive to provide helpers to calculate indicators, so users can use them if needed (or use their own calculators) and provide data[] with the precalculated values
• Remove xScaleProvider from ChartCanvas so for discontinuous scales, there will be a helper function provided which users can use to create a new xScale for discontinuous data and provide that as an input in xScale
• Remove the contents of folder lib/indicator and move lib/indicator/algorithm/ into lib/indicator
• Investigate Interactive indicators to use canvas (again) Made some good progress on canvas interactives, you can find the work in progress here and here. New features hover, blur, click, drag events for the components. After drawing, click the component to select it and then drag it around. Different components can have different degrees of freedom, see the fib retracement e.g. where the top and bottom retracements move north-south, the edge circles move east-west and the rest of the lines move in all directions
• Interactive indicators to be touch friendly - not doing in 0.7
• In order to fix https://github.com/rrag/react-stockcharts/issues/165 I see no alternative other than to drop svg support, and use html div/span for tooltip text - this has been discussed earlier and I am still not certain what I want to do. SVG does not have a float based layout which is necessary to fix #165 - not doing in 0.7

Development of these are happening on the next branch so please review that before you want to submit any PR. Ideally I want to accept PRs only on the next branch unless it is for bugfixes to 0.6 without simple workarounds

[rrag]

Huge perf improvement in next version upto 30 fps when panning lots of data at 2 points per pixel

https://www.youtube.com/watch?v=wWbE4KDRggQ

Check it out: http://rrag.github.io/fullpage/documentation.html

Appreciate feedback ping @itsjimbo @WaiSiuKei

[WaiSiuKei]

@rrag sourcecode is updated last night (UTC+8 Timezone)