Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Creating Minicharts #86

Closed
MuslemRahimi opened this issue Jan 20, 2024 · 4 comments
Closed

Creating Minicharts #86

MuslemRahimi opened this issue Jan 20, 2024 · 4 comments

Comments

@MuslemRahimi
Copy link

Hi,

I want to create something similar like the picture in your library.
Do you know if it is possible to do so?

Screenshot from 2024-01-20 09-59-46

@trash-and-fire
Copy link
Owner

trash-and-fire commented Jan 21, 2024

Yes it is possible. You can turn off both scales and zoom, set the correct size and colors, and then add BaseLineSeries.

@trash-and-fire
Copy link
Owner

https://svelte.dev/repl/1157da71310f44d886f384239c177a2b?version=4.2.9 I'm trying to understand why the baseline isn't showing

@MuslemRahimi
Copy link
Author

Thanks to your code I could replicate it quite nice so far

Screenshot from 2024-01-22 13-52-38

If the horizontal dashed line would be working too that would be great

@MuslemRahimi
Copy link
Author

So I added the x-axis line like this now

<BaselineSeries
      data={priceData}
      {...theme.series}
      topLineColor ={topLineColor}
      topFillColor1 ={topFillColor1}
      bottomLineColor ={bottomLineColor}
      bottomFillColor1 ={bottomFillColor1}
      >
      <PriceLine
        price={priceData[0]?.value}
        lineWidth = {1.5}
        color="#fff"
      />

Screenshot from 2024-01-22 15-05-35

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants