snowpu / ngx-beautiful-charts Goto Github PK
View Code? Open in Web Editor NEWAngular Library to create beautiful data charts
Home Page: https://snowpu.github.io/ngx-beautiful-charts/
License: GNU General Public License v3.0
Angular Library to create beautiful data charts
Home Page: https://snowpu.github.io/ngx-beautiful-charts/
License: GNU General Public License v3.0
Hey Sukanya,
I think it would be a nice feature to have click event on the slices.
Best regards,
Vitomir
Hello SnowPu,
It would be nice if the library has functionality to fill the chart even if there is only 1 element. Then it will be only 1 text label (maybe in the middle or in a place where it will looks good) and the whole chart will be filled. This is for the sunburst chart.
In addition, if there is no data, it would be nice to have 1 filled circle and in the middle to state 'No data' or another given label.
Best regards,
Vitomir
Hey Sukanya,
I found another small issue in some cases. For example, if my first element (from the innermost circle) is less than 50%, and the other part is the rest of the sunburst chart, then the rotation of the second one is a bit weird. I attach these 2 picture to see how it is rotate when my first element is ~70% and the other ~30%, and vice-versa.
Hello,
I tried to append new data to ganttChartData, but seems angular not reflect changes. is the data binding not working ?
below is a method I created inside the demo of gantChartData
public OnClick() {
console.log("on Click");
this.ganttChartData.push(
{
name: 'Market Team',
timelines: {
'Market Research': [
{from: 'July 28, 2019', to: 'September 20, 2019', info: 'wtv'}
],
'User Documentation': [
{from: 'August 10, 2019', to: 'September 15, 2019', info: 'wtv'}
]
}
}
);
}
Dear Sukanya,
I really like your project and I want to use it into mine. However, I already implemented it, but there is a small problem when the parents are only 2 and they are separated, e.g., 70% to 30%. You will see it in my example with the Bus and Train slices.
I think the problem comes from the calculation of this line - 76: const angleMod = (angle > 180 ) ? 360 - angle : angle; in the sunburst component.
Can you tell me how I can fix this or if you can do it ? Thank you in advance!
Here I attach a screenshot.
Best regards,
Vitomir
I quickly looked at the demo and saw that the charts aren't responsive.
Unfortunatelly that's an automatic show-stopper for me
Firstly, I liked how your timeline chart looks :) And thus wanted to try it out.
I encountered the below error while installing, which I thought should have resolved on its own, hence writing here-
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"~9.1.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^8.0.1" from [email protected]
npm ERR! node_modules/ngx-beautiful-charts
npm ERR! ngx-beautiful-charts@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.