Angular chart.js hide dots on 1 dataset

Question

Chart.js is amazing, but I'm using angularjs chart.js directive. I can turn off all dots on all lines with the below code where vm.options is set to the chart-options attribute:

vm.options = {
            elements: {
                point: {
                    radius: 0
                }
            }
        };

However, I'd only like to hide the dots on 2 of the 3 datasets I have and I'm not sure how to get that for angularjs chart.js. My dataset's is just an array of arrays of data (not an object), and when I look at chart.js and how they hide dots they do it on a dataset object, but that doesn't match how I'm doing my datasets so I'm confused.

You need to give some example code and tell people which specific lib you're using with a link. There are multiple chartjs wrapper directive libs out there. — hackape, Apr 07 '19 at 08:48

score 1 · Accepted Answer · answered Apr 08 '19 at 11:10

1

you can use pointRadius: 0 in your $scope.datasetOverride to turn off dots for each dataset

$scope.datasetOverride = [{    
    label: "No Dots Line",
    fill: true,
    pointRadius: 0,
  }];

https://codepen.io/vfx/pen/dLpEgW

answered Apr 08 '19 at 11:10

Synxmax

2,226
1
22
38

You nailed it man! Thank you so much. Being new to chart.js its confusing for me to describe what I want as shown by some of the comments on my post but you nailed it! – user441521 Apr 09 '19 at 19:57

Angular chart.js hide dots on 1 dataset

1 Answers1