Giter Site home page Giter Site logo

Scatter Plot about ngx-charts HOT 8 CLOSED

swimlane avatar swimlane commented on May 16, 2024 3
Scatter Plot

from ngx-charts.

Comments (8)

chriszrc avatar chriszrc commented on May 16, 2024 1

I have asked similar questions in the past, and the answer was make a combo chart, like the example here:

https://swimlane.github.io/ngx-charts/#/ngx-charts/combo-chart

However, creating a combo chart was not at all like what I expected, you couldn't just compose some chart elements and provide two different datasources. Instead, it required creating a custom component and knowing enough about the actual code powering each component to be able to tell what things you need from each component. I found this link helpful, but I crashed and burned trying to create a combo chart with other chart types:

https://gist.github.com/gabrielloye/67921cda6139ba1806920da2a7e2fcb2

from ngx-charts.

zachatrocity avatar zachatrocity commented on May 16, 2024

@marjan-georgiev, @Hypercubed Was this closed without plans of being implemented? Is scatter plot functionality possible with ngx-charts out of the box?

from ngx-charts.

marjan-georgiev avatar marjan-georgiev commented on May 16, 2024

@zachatrocity yes, please take a look at the bubble chart: https://swimlane.github.io/ngx-charts/#/ngx-charts/bubble-chart

from ngx-charts.

zachatrocity avatar zachatrocity commented on May 16, 2024

@marjan-georgiev ah perfect, just use bubble charts with a single series entry. Thanks!

from ngx-charts.

chriszrc avatar chriszrc commented on May 16, 2024

Except that the bubble charts don't appear to support different point shapes, so you can't really do a true scatter chart with different series (squares, triangles, diamonds would be a good start)-

from ngx-charts.

KingDarBoja avatar KingDarBoja commented on May 16, 2024

Except that the bubble charts don't appear to support different point shapes, so you can't really do a true scatter chart with different series (squares, triangles, diamonds would be a good start)-

That can be fixed in a PR.

from ngx-charts.

danieldiazastudillo avatar danieldiazastudillo commented on May 16, 2024

I'm not having any luck implementing a linear regression for scatter plot implementation. This means provide a bubble chart with a line chart (no double y axis needed). Any pointers or ideas?

image

from ngx-charts.

maxiking445 avatar maxiking445 commented on May 16, 2024

Late to the party. But for all the others out there!

https://stackblitz.com/~/github.com/maxiking445/ngxBubbleLineComboCharts
https://github.com/maxiking445/ngxBubbleLineComboCharts

from ngx-charts.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.