snowpu / ngx-beautiful-charts Goto Github PK

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.