Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    xiaoge
    @xiaogea01
    I stiil not know why this not work for me :(
    grin is from https://gist.github.com/C451/6d8ea8d603e3faadd801b4b3f2e7a57d
    the data is somelike
    { "ohlcv": [ [ 1593824400000, 9082.6, 9082.7, 9069, 9078.08979168, 32.34898355 ],[...]] }
    the code is:
    <template>
            <div>
    <trading-vue
            :data="dc"
            :overlays="overlays"
            :legend-buttons="['display', 'settings', 'up', 'down', 'add', 'remove']"
            >
    </trading-vue>
            </div>
    </template>
    <script>
    
    import TradingVue from 'trading-vue-js'
    import GRIN from './Grin.vue'
    import { DataCube } from 'trading-vue-js'
    import Data from '../data/b15f68859a7ed52767c6ad1a376e5dc3.json'
    export default {
        name: 'app',
        components: { TradingVue },
        data() {
            return {
                dc: new DataCube(Data),
                overlays: [GRIN],
            }
        }
    }
    </script>
    xiaoge
    @xiaogea01
    d1.png
    xiaoge
    @xiaogea01
    The GRIN overlays is not work,I do not know why, I add some console.log code inner draw(ctx) in grin.vue, but the web console show nothing, am I wrong or someting else I missed?
    xiaoge
    @xiaogea01
    I start a new test project , and the data form likes
    { "chart": { "type": "Candles", "data": [ [ 1552453200000, 3958.5, 3960.1, 3955.2, 3957, 117.25325922 ],]} instead of { "ohlcv": [ [ 1593824400000, 9082.6, 9082.7, 9069, 9078.08979168, 32.34898355 ],[...]] }, it wokrs !!
    MhdBssd
    @MhdBssd_gitlab

    Hello there,

    I’m still working on my Overlay for trading #thestrat.
    For now I’m on 2/3 of my objectives which are:

    1) Timeframe continuity => Display different timeframes (done)
    2) Actionable signals => Display 1 (inside bars), 2 (directional bars) and 3 (reversal bars) type candles on the chart (done)
    3) Broadening formation => Add simple lines drawing tool (todo)

    cf: https://postimg.cc/jwfS2WvV

    However I’m struggling to add the drawing tool and have a few questions:

    • Do drawing tools work with DataCube only?
    • Is it possible to add a single toolbar for multiple charts and detect on which chart the user is drawing to save the lines accordingly ?

    Thank you !

    Peter Dias
    @peterdias:matrix.org
    [m]
    overlays dont seem to auto update when new bars are added to chart ???? any help please
    intelligenceBabila
    @intelligenceBabila
    Have been trying to add this chart to laravel project I do everything no errors and nothing showing
    Sergio Masellis
    @sergiomasellis:matrix.org
    [m]
    Anyone get the vue3 lib to work yet or still too early?
    endermaz41
    @endermaz41
    Awesome library ! I would like to save and load some line drawings using the tool. I know of dc.get and dc.set. But not sure how to restore the data from dc.get to dc.set. Getting errors as is.
    endermaz41
    @endermaz41
    yeah, dc.get('onchart.LineTool.data') gives me an empty array, but dc.get('onchart.LineTool') does show a valid array but it has so many extra props.
    endermaz41
    @endermaz41
    The LineTool.vue uses pins to set p1 & p2 with mouse tracking. Not sure how to set it manually
    intelligenceBabila
    @intelligenceBabila
    Seems very inactive
    Dexter Siah
    @dextersiah
    x-axis-data.png

    Hello there,

    I would like to know is there any configuration to hide or replace the date on the X-axis? including the tooltip

    MhdBssd
    @MhdBssd_gitlab
    Dexter Siah
    @dextersiah
    Is there a custom file where I would customize this? I'm honestly slightly confused by the docs.
    usaccounts
    @usaccounts
    Screen Shot 2021-03-12 at 8.38.32 PM.png
    usaccounts
    @usaccounts
    This is the datahelper demo -- looks like things get screwed up if you go a bit far back.
    Screen Shot 2021-03-12 at 8.46.24 PM.png
    usaccounts
    @usaccounts
    diff --git a/src/App.vue b/src/App.vue
    index 615634d..9126af0 100644
    --- a/src/App.vue
    +++ b/src/App.vue
    @@ -4,6 +4,7 @@
     <trading-vue :data="chart" :width="this.width" :height="this.height"
         :color-back="colors.colorBack"
         :color-grid="colors.colorGrid"
    +    :overlays="overlays"
         :color-text="colors.colorText">
     </trading-vue>
     </template>
    @@ -11,7 +12,7 @@
     <script>
     import TradingVue from 'trading-vue-js'
     import Data from '../data/data.json'
    -
    +import Grin from './Grin.js'
     export default {
         name: 'app',
         components: { TradingVue },
    @@ -30,6 +31,7 @@ export default {
         data() {
             return {
                 chart: Data,
    +            overlays:[Grin],
                 width: window.innerWidth,
                 height: window.innerHeight,
                 colors: {
    Above fix for trading-vue-101 unknown type.
    usaccounts
    @usaccounts
    Fix to show all 8 charts in multi chart.
    diff --git a/test/tests/Multichart.vue b/test/tests/Multichart.vue
    index 40a48ba..8c4bf5a 100644
    --- a/test/tests/Multichart.vue
    +++ b/test/tests/Multichart.vue
    @@ -31,7 +31,14 @@ export default {
         },
         computed: {
             cbox_width() { return Math.floor(this.width / 2 - 1) },
    -        cbox_height() { return Math.floor(this.height / 2 - 1) }
    +        cbox_height() {
    +          let mc = window.document.getElementsByClassName("multi-chart")[0];
    +          if (mc) {
    +            return Math.floor(this.height / (mc.childElementCount / 2) - 1);
    +          } else {
    +            return Math.floor(this.height / 2 - 1);
    +          }
    +      }
         },
         mounted() {
             window.addEventListener('resize', this.onResize)
    mnjpatledivyal
    @mnjpatledivyal

    Hello, I am integrating trading-vue-js in our one of application as its great. I have integrated in my vue project and gone through some setup.

    I need to zoom in and zoom out using external buttons, I understand its being done by mouse scroll but need to do with zoom in and zoom out external buttons as well. Can anyone help me how to do it or which prop or setting/config or methods I can use for this ?

    Ivan Buriak
    @ivan-buriak
    HI! Have two questions, help please:
    1. how to configure toolbar: group buttons, add my own
    2.how to draw triangle?
    draw triangle using toolbar*
    Ivan Buriak
    @ivan-buriak
    !3. how to save & draw (load saved) toolbar objects
    Swoorup Joshi
    @Swoorup
    can some one please fund this project by donating 100 million dollars?
    Muhammad Afzaal
    @engrmafzaalch
    Hello anyone who can help me to make this similar to this
    Plamen Berberov
    @plamensberberov
    Hello guys, how can I add buttons to the chart legend?
    Veleslav
    @RoyalGoose
    Good day. Is it possible to somehow add objects to the chart? For example, I want to highlight with rectangles every Monday on the chart (automatically in VUE)
    yerb
    @yerb
    yo
    is
    TradingVue.js still active project?
    Swoorup Joshi
    @Swoorup
    no read the github page
    nattila1
    @nattila1
    Hi, I am new to Vue, but I would like to test/demo this chart component for a project. I am trying to customize the chart here https://codesandbox.io/s/confident-night-iv08g?file=/src/Chart.vue:376-404 I stuck with data.json. Could you please help me to fix this issue? Thanks.
    Johannes Hoppe
    @JohannesHoppe

    no read the github page

    :cry:

    Alexandre Gallucci
    @storm75_gitlab
    If you don't need candles on a graph, you just want an onChart Spline indicator like EMA SMA for example, how would you set ohlcv? Empty arrays doesn't work you need to populate it with data
    angela-zhao
    @angela-zhao
    Is it possible to add a second y-axis to the price chart for an indicator overlay?
    michaelredman
    @michaelredman
    Hi, I have an existing react application with TradingView and StockCharts, neither suit my needs exactly. I would like to integrate TradingVue to have a play around with it. Are there any shims or adapters I can use to integrate TradingVue to a react application? Or even an example somewhere I can use as an example.
    Jared Thirsk
    @jaredthirsk
    I just started trying this out. Seems nice. Since it's unmaintained, anyone know if any forks have taken off?
    Naveed Aziz
    @naveedaziz
    Hi, can anyone guide how to add pivots in chart.
    Pivot point (PP) = (High + Low + Close) / 3
    skywalk
    @skywalk:matrix.org
    [m]
    what am I doing wrong with my chart doesn't load properly unless a onResize trigger https://bpa.st/ON5Q#1L376 data coming in at line 319 for yahoo https://bpa.st/U5IQ
    PeaBully
    @PeaBully
    Is there a Chinese api?
    Kasun Sameera
    @kasunsam

    I have developed vuejs3 project. but not working tradeview chart that version. why is that. can you give me solution for that.
    this my consol error code.

    Uncaught (in promise) TypeError: Cannot read property '_c' of undefined
    at Proxy.render (trading-vue.js?0042:426)
    at renderComponentRoot (runtime-core.esm-bundler.js?5c40:761)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?5c40:4529)
    at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160)
    at setupRenderEffect (runtime-core.esm-bundler.js?5c40:4655)
    at mountComponent (runtime-core.esm-bundler.js?5c40:4438)
    at processComponent (runtime-core.esm-bundler.js?5c40:4396)
    at patch (runtime-core.esm-bundler.js?5c40:3991)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?5c40:4536)
    at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160)

    ask4abusaidu
    @ask4abusaidu
    hello.. good day to you all..
    i had successfully built the chart..