Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 16 10:18
    Tusenka commented #804
  • Jan 16 10:18
    Tusenka commented #804
  • Jan 15 01:23
    dependabot[bot] labeled #805
  • Jan 15 01:23

    dependabot[bot] on npm_and_yarn

    Bump shelljs from 0.7.8 to 0.8.… (compare)

  • Jan 15 01:23
    dependabot[bot] opened #805
  • Jan 14 19:11
    Tusenka opened #804
  • Jan 13 04:51
    Tusenka edited #803
  • Jan 13 04:50
    Tusenka edited #803
  • Jan 13 04:49
    Tusenka opened #803
  • Dec 03 2021 19:45
    NoCluePS commented #268
  • Dec 03 2021 06:04
    zenith0412 edited #802
  • Dec 03 2021 06:02
    zenith0412 opened #802
  • Nov 23 2021 15:15
    FNOTrader-com opened #801
  • Oct 28 2021 05:14
    AmalRichwin-AT opened #800
  • Oct 20 2021 10:52
    kalitsinskiy opened #799
  • Oct 20 2021 10:45
    kalitsinskiy opened #798
  • Sep 20 2021 20:45

    dependabot[bot] on npm_and_yarn

    (compare)

  • Sep 20 2021 20:45
    dependabot[bot] closed #794
  • Sep 20 2021 20:45
    dependabot[bot] commented #794
  • Sep 20 2021 20:45
    dependabot[bot] labeled #797
siva
@sivajsl_twitter
How to hide the type in chart?
Sourabh K
@sourabhlk
Can i have 4 y-axes with react-stockcharts..?
sushpradi
@sushpradi
hi
I need to show grouped stacked chart
anyone knows how to do that using react stock chart
Glendon Philipp Baculio
@gpbaculio
hi when do you use Intra day with discontinuous scale?
Edward Lee
@eblic71_twitter
Hello~ I want to build stock trading signal service website. I am not JS expert but learn how to build web site. I developed stock trading technique using Fibonacci Ext and Fibonacci fan. I am downloading JS codes and want to know how and where can I start to build. Sure I can share my idea! Thanks!
Gewure
@gewure_twitter
@sapph1re i know this has been a long time, but i have the same problem. simply cannot import react-stockcharts into my project. did you fix it?
@rrag Maybe we can get some interested people up an maintain this for you, if you don't have the time.
Gewure
@gewure_twitter
:&
Gewure
@gewure_twitter
@rrag you there? :)
Sudhagar
@SudhagarS
@gewure_twitter Ya, would love to do that
Ragu Ramaswamy
@rrag
Hey people,
if there is anyone interested in maintaining the repo, I am open to adding collaborators
show me you can do it by answering some of the issues on github
peace
Ali Nuraldin
@Alirun
Hey guys, do you know if we can customize candles by providing border radius?
image.png
This way
Ragu Ramaswamy
@rrag
nope
Ali Nuraldin
@Alirun
So, only forking and manual fixing would work? :) Do you want a PR for this?
Ragu Ramaswamy
@rrag
yes forking
not interested in that feature. I dont like it
Omegaki113r
@Omegaki113r
hi, I am new to react and new to stockchart library as well. Is there anyway to remove the Type DropDown ?
@rrag
Ragu Ramaswamy
@rrag
you have to remove the TypeChooser from the examples
sushpradi
@sushpradi
hi
if I am setting connectNulls to true it is having no effect
line is still displayed with breaks
Pa22
@Pa22
Hello!
Is there anyone therE?
Omegaki113r
@Omegaki113r
hi
@Pa22 any issues?
Pa22
@Pa22
Yes, In assembling the chart
Iwant to have this chart but I don't know wherecould I find his file where ar scrips are together
MaxYari
@MaxYari
Hey everyone! A bit tired looking for the info, can someone point me - how can I put custom svg on chart? I don't want to use annotations since locations of those icons are based on data structure separate from chart's dataset. It seems that i need to use chats xScale() and yScale() to calculate onscreen svg coordinates, but how do i get those scale function from chart before constructing my svg?
(I'm using continuous time scale)
Just to test - i've tried this in my react component:
var xScale=scaleTime();
return (<text x={xScale(new Date(endTime))} y={150} fill="white">AAAAAAAAAAAAAAAAAAA</text>)
this component is then used inside chart
and AAAAAAAAAAA is nowhere to be seen. It's visible though if i just hardcode 150 instead of x
and i have no clue how to get yScale
Thanks in advance
MaxYari
@MaxYari
In case this is an XY problem - what essentially i'm trying to do - put some svg icons onto candlestick chart given time and price coordinate that icon should be located at.
MaxYari
@MaxYari
Also can someone look at that issue: rrag/react-stockcharts#737
I still have no clue how to make it adjust automatically, I can make a map for possible timeframes to use different d3-time function (utcDay, utcMinute e.t.c) but then how would i handle 30min timeframe for ex?
MaxYari
@MaxYari
Ok nvm that issue, i've worked around it, anow only interestedd in how to place those svg icons/text at custom coordinates
MaxYari
@MaxYari
So back to my question, i've made a simple component
class SingleTextAnnotation extends Component {
    constructor(props) {
        super(props);
        this.renderSVG = this.renderSVG.bind(this);
        this.saveNode = this.saveNode.bind(this);
    }
    renderSVG(moreProps) {    
        var props = this.props;    
        var { xScale, chartConfig: { yScale } } = moreProps;

        if ((!props.x && props.x !== 0) || (!props.y && props.y !== 0)) return null;        

        return (            
            <text className="single_text_annotation" x={xScale(props.x)} y={yScale(props.y)-5} fill={props.fill}>{props.text}</text>);
        )            
    }
    saveNode(node) {
        this.node = node;
    }
    render() {
        var self = this;        

        return (
            <GenericChartComponent ref={self.saveNode}
            svgDraw={self.renderSVG}            
            drawOn={["pan"]}/>
        )
    }
};
Seems to be working, but I'm having a hard time figuring out how to make the text clickable, any clues?