Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Code's All Right ™
    @C451

    I'm also working on a Point&Figure overlay, but that's nowhere near ready.

    Cool, I'd be glad to see it when it's done.

    Csaba
    @csabaxyz

    @C451 I've been playing around with the new calc(), but I'm not sure I understand how for example an Ichimoku can push certain data into the future. For example, SpanA and SpanB should by default show data 26 days ahead, and the lagging Span 26 days in the past (the lagging could be easy to solve).

    Before calc() I went around this by adding extra candles to the data that I passed to the overlay. But as calc() automatically gets the candle data, I feel like I shouldn't mess with that. So, is there a way to handle this situation?

    Code's All Right ™
    @C451
    @csabaxyz I'm going to make an std lib API doc, but generally speaking things works very similar to PINE, and theres a special offset() function
    Maxi Dev
    @maxidev
    Hi there, is any way to get the values on the chart by clicking it inside the container? I just want to fetch OHLCV values on some custom event to then use those
    Code's All Right ™
    @C451
    @maxidev the question is not clear enough, but I guess you need getCursor() function
    Maxi Dev
    @maxidev

    @maxidev the question is not clear enough, but I guess you need getCursor() function

    you see, when you hover over the chart, it shows OHLCV values on the top, basically I need to grab those values when a user clicks on a candle, for example

    Code's All Right ™
    @C451
    ## [0.10.0] - 2020-12-07
    
    The last version before RC (an important message after the notes):
    
    * The first package of mobile improvements
    * Enhances skins
    * Small modifications of scripts execution
    * Improvements of Interfaces (aka inline overlay UI)
    * Script fixes (update onchart/offchart OVs)
    * New aggtype: copy (fast aggregation through copying)
    * CSS tranforms support (transition)
    * Overlay name templates, e.g. "RSI, $length"
    * Fixed loading animation for some cases
    2 weeks before he release. The testing season is opened!
    Especially interesting, how the lib works on different mobile devices: https://tvjsx.github.io/trading-vue-demo/
    Any bugs are welcome in the issues.
    vamfixed
    @vamfixed
    How to add custom interval, like 1 minute, 1 day, 1 week?
    Code's All Right ™
    @C451
    The guide you never asked for, but I bet always wanted. https://github.com/tvjsx/trading-vue-js/blob/master/docs/guide/OVERLAYS.md
    Code's All Right ™
    @C451

    V1 20/12/2020
    The changes since the previous version:

    * 60% Performance boost
    * Std-lib: new functions (signal, onclose, ...)
    * DC sampler improvements

    Thank you to everyone who participated by asking the right questing, throwing in new feature ideas and finding sneaky bugs.
    Without you watching the process it wouldn't be possible to create this architecture & design.

    https://github.com/tvjsx/trading-vue-js

    release.gif
    pang
    @wssll789
    hi admin,What can I monitor to add historical data
    pang
    @wssll789
    hi admin,What can I monitor to add historical data
    done
    Akila Thiwanka
    @akjcodes

    V1 20/12/2020
    The changes since the previous version:

    * 60% Performance boost
    * Std-lib: new functions (signal, onclose, ...)
    * DC sampler improvements

    Thank you to everyone who participated by asking the right questing, throwing in new feature ideas and finding sneaky bugs.
    Without you watching the process it wouldn't be possible to create this architecture & design.

    https://github.com/tvjsx/trading-vue-js

    🎉

    pang
    @wssll789
    image.png
    pang
    @wssll789
    image.png
    image.png
    I tried npm run test but did not find these demos
    @C451
    Code's All Right ™
    @C451
    @wssll789 these are TBA
    martkir
    @martkir
    Has anyone had experience adding their trading-vue chart inside a React application? I tried creating a web component out of the trading-vue chart and just inserted that component into my React code. It seems to work almost ... The only issue is it rendering in the top left corner of the screen instead of inside the div I placed it
    image.png
    VERGNAIS Francois
    @Vergnais
    Hi everyone . Thank you for this amazing work !!
    I am trying ti figure out if ot is possible to store some channels or lines between 2 sessions (to keep technical analysis for several days) ? Did someone figured it out ?
    Code's All Right ™
    @C451
    @Vergnais hi, you can save/restore the whole DataStructure
    VERGNAIS Francois
    @Vergnais
    Great, i'll search that on the docs ! Thx
    Akila Thiwanka
    @akjcodes

    image.png

    Hi, anyone faced this issue when applying a Bollinger band overlay to an index-based chart? FYI @C451

    Code's All Right ™
    @C451
    @akjcodes the data sample is needed. It's hard to solve without it
    Akila Thiwanka
    @akjcodes

    @C451 will this help? https://gist.github.com/akjcodes/959373ca3bffc24c9832443529164a00

    BTW other overlays ex: SMA, EMA, STOCH, ATR... are working fine

    Code's All Right ™
    @C451
    @akjcodes what version are you rocking ? This bug was fixed a long time ago : ) This data works on 1.0
    Akila Thiwanka
    @akjcodes
    @C451 opz, it's bit old I guess. Can you let me know which source file I need to update to fix this issue :) The reason is I'm using your source code instead compiled code.
    or commit date, so I can cross-check it with my existing code.
    Rory Winston
    @rwinston
    This library is awesome - any plans to port to Vue 3?
    Code's All Right ™
    @C451
    Rory Winston
    @rwinston
    @C451 super thanks very much, I will check that out!
    oneart-dev
    @oneart-dev
    Hi! Any support for onHover yet in overlays?
    Jiateng Liang
    @toxicaker
    Hi. except ohlcv, how can I show change?(percentage)
    oneart-dev
    @oneart-dev
    Why elements on chart have ridiculous high z-index. All my elements (vuetify) under it. 99? for what reason?
    Code's All Right ™
    @C451
    @toxicaker not yet
    Code's All Right ™
    @C451
    1 reply
    Code's All Right ™
    @C451

    Update 1.0.1

    Some critical stuff:

    * Added `src` field to `script` object, allows to overwrite `calc()`  
    * Fixed real-time calc for symbols, e.g. close1D (didn't work b4)
    * Fixed `setCursor()` & `goto()` in IB mode
    Wojciech Owczarczyk
    @wowczarczyk

    Hey, I am wondering if the components from tvjs-xp should not be exported the same way extensions are. I am using the Window to create my own implementation and I am able to import it using:

    import XPWindow from 'tvjs-xp/src/components/Window.vue'

    but maybe skipping the src token would be beneficial. Also the bundle size will be smaller as those components would undergo the regular build phases.

    Wojciech Owczarczyk
    @wowczarczyk
    @C451 quick one: can I access tv object from overlay? I wanted to send a custom_event to open my custom window Ok, I noticed $emit is available on this in overlay, nvm, sorry!
    Code's All Right ™
    @C451
    @wowczarczyk not sure I fully understand your suggestion, but for example shared components will not work, bc different exts can have components with the same name
    Also, Window can be added to the components list, I just skipped it for now https://github.com/tvjsx/tvjs-xp/blob/main/src/extensions/settings-win/x.json, the result will be added here https://github.com/tvjsx/tvjs-xp/blob/main/build/settings-win/settings-win.js#L15
    rabdalov
    @rabdalov
    Hi! Cold you provide me with the simple example of external Overlays usage in Browser mode (without NPM) ?
    For Example how to Add [Grin] from Project 101 if I can't use NMP?
    leoplaw
    @leoplaw
    Hi, I can get the examples to run with npm run test but integrating it in a node cli project just comes with a blank. I've passed one of the example data files data_btc.json to it and believe I have configured it correctly. Can anyone point me to an example .vue where this is integrated?
    nylin93
    @nylin93

    Hi @C451, I am trying to create a horizontal line. I am able to do so like this:

        init() {
          const pin = new primitives.Pin(this, "p1", { state: "tracking" });
          pin.on("settled", () => {
            this.set_state("finished");
            this.$emit("drawing-mode-off");
          });
          this.pins.push(pin);
        },
        use_for() {
          return ["HorizontalLine"];
        },
        draw(ctx) {
          if (!this.p1) return;
          const layout = this.$props.layout;
          ctx.strokeStyle = "#42b28a";
          ctx.lineWidth = 0.9;
          ctx.beginPath();
          const x = layout.t2screen(this.p1[0]);
          const y = layout.$2screen(this.p1[1]);
          ctx.moveTo(x, y);
          ctx.lineTo(0, y);
          ctx.lineTo(layout.width, y);
          ctx.stroke();
          this.render_pins(ctx);
        }

    However, there is no easy way to delete the horizontal line once created (the pins do not show up when hovering over the line). I suspect it is because I am not attaching Pins to the left and right side of the line. Is there a way to programmatically create a Pin object by giving it an x or y canvas value?

    What I want to do essentially is to create a pin on the far left side and far right side and draw a line between the two. That way when hovering over the line, the pins will show and the line can be deleted. Thank you

    1 reply
    leoplaw
    @leoplaw
    Is TradingVue compatible with Vue3?
    rabdalov
    @rabdalov

    Could somebody give an examlpe how to store data into dataset and how to extract it from dataset ?
    For examlpe, I want to fetch data from some source once into dataset,
    and show on chart after some interactive filtering.
    I stuck in geting data from DATASET...

    So I did so:

    data(){
        return {
            chart: new DataCube({
                data:[],
                posfilter:1,
                datasets: [{
                    type: 'Trades',
                    id: 'SomeData',
                    data: []
                }] 
            })
        }
    },
    mounted(){
        //....Requesing data and Saving data into dataset
        let response =await fetch(someurl)
        let string = await response.text();
        let myData = string === "" ? {} : JSON.parse(string);
        this.chart.set('datasets.SomeData.data',myData) // is it correct ?
    
    },
    watch: {
                //... Filtering from external Variable 
            posfilter(value) {
    
                let valuedatasrc=this.chart.get('datasets.SomeData.data') // this gives me undefined result
                // How to Store data from dataset into "valuedatasrc" ?
    
                let valuedata=valuedatasrc.filter(itm=>{itm[1]=value})
    
                this.chart.set('onchart.OptLines.data',valuedata)
    
            },
    }