Topic: [CHARTS] Point Style only shows 'circle'

nichharp pro asked 5 years ago


I've successfully made a Line Chart using the pointStyle 'rectRounded' but when I attempt to do the same for the Doughnut Chart it only gives me the circle style and I can't seem to alter it.

//ts
public chartLabelsDoughnut: Array<any> = ['Client1','Client2','Client3'];
public chartOptionsDoughnut: any = {
responsive: true,
legend: {
position: 'left',
labels: {
usePointStyle: true
}
},
};
public chartDatasetsDoughnut: Array<any> = [{data: [78, 16, 6], pointStyle: 'rectRounded'}];

// html
<div class="d-block" style="height: 400px; max-height: 100%;">
<canvas mdbChart [chartType]="chartDoughnutType" [datasets]="chartDatasetsDoughnut" [labels]="chartLabelsDoughnut" [colors]="chartColorsDoughnut" [options]="chartOptionsDoughnut" [legend]="true">
</canvas>
</div>

 


Damian Gemza staff answered 5 years ago


Dear @nichharp 

It seems that Angular chart.js directive supports pointStyle only for charts like: Bar, horizontalBar, line. Radat, doughnut, and pie do not support pointStyle option.

We'll take a closer look at this, but I cannot provide you with some ETA on a fix, or even with some information if this is a bug or correct behavior.

Best Regards,

Damian


nichharp pro commented 5 years ago

Damian,

Thanks for the feedback. 

How will I be able to know when this is fixed/implemented?

Thanks,

Nick


Damian Gemza staff commented 5 years ago

@nichharp You have to watch for changes in our changelog. Please subscribe to the Angular newsletter, and you'll get appropriate info on your mail.

Best Regards,

Damian



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: Computer
  • Browser: Chrome/All
  • OS: Ubuntu
  • Provided sample code: Yes
  • Provided link: No