More Efficient Auto Update? about trading-vue-js

[C451]

My suspicions were right (from the first issue): it seems you are trying to use this repo to develop your app (is it right?).

If you need to embed this lib to your project, just install it with npm. It has an API interface (all you need to build custom charts) and you can update your data from js. But you must do it reactively:

https://github.com/C451/trading-vue-js/blob/master/src/examples/Reactive.vue

If you are talking about the development of the lib itself, yeah, it needs some kind of playground editor that will simplify things. But for now it's TBA.

[AlexanderPeters]

Ok, thanks, will look into that.

[Tucsky]

just the next candle or adding another 20 candles onto the end, same thing just appending to the graph), avoiding the need for a recompile each time I want to add a data point.

Big subject, imo. Exposing append & prepend methods would be super useful !
https://github.com/C451/trading-vue-js/blob/8df612c90dac0bde521e08a17afd03f87c13c819/src/components/Chart.vue#L223
Partial rendering of the candles & indicators etc...

[C451]

just the next candle or adding another 20 candles onto the end, same thing just appending to the graph), avoiding the need for a recompile each time I want to add a data point.

Big subject, imo. Exposing append & prepend methods would be super useful !
trading-vue-js/src/components/Chart.vue

Line 223 in 8df612c

     data: { 

Partial rendering of the candles & indicators etc...

Yeah, I had this idea. The problem here is custom data structures, so user still needs to update all his data fields.

Vue.$set()

is designed specifically for that. But I will think about set/append helpers.

About partial rendering - the bottleneck is not rendering itself, but slicing (when data is huge)

[vab2048]

If you need to embed this lib to your project, just install it with npm. It has an API interface (all you need to build custom charts) and you can update your data from js. But you must do it reactively:

https://github.com/C451/trading-vue-js/blob/master/src/examples/Reactive.vue

This link is now 404. Do you have a link to the most recent way of doing this?

[C451]

@vab2048 Hi, you can find it in earlier versions of the repo, but this example is more relevant: https://github.com/C451/trading-vue-js/blob/master/test/tests/DataHelper.vue