Styjun

How often is duct tape used during crewed space missions?

Abilities interrupting effects on a cast card

Is there an in-universe reason Harry says this or is this simply a Rowling mistake?

Is there sense in using const std::string& arguments in C++17?

Is it safe to unplug a blinking USB drive after 'safely' ejecting it?

Persuading players to be less attached to a pre-session 0 character concept

Are all article combinations valid patterns for "the" ɴᴏᴜɴ of "the" ɴᴏᴜɴ?

Plausibility and performance of a composite longbow

Why do IXPs need ASN?

All numbers in a 5x5 Minesweeper grid

Wrong Schengen Visa exit stamp on my passport, who can I complain to?

SQL Server Always-On Availability Groups Patching

Can a business put whatever they want into a contract?

Delete empty subfolders, keep parent folder

What is the maximum viable speed for a projectile within earth's atmosphere?

What to do as a player when ranger animal companion dies

How to convey to the people around me that I want to disengage myself from constant giving?

Unpredictability of Stock Market

Cube around 2 points with correct perspective

Do household ovens ventilate heat to the outdoors?

Microservices and Stored Procedures

The Google Earth Challenge: "A dangerous flower"

What were the life spans of the four Mars rovers?

How could artificial intelligence harm us?

Angular chart.js hide dots on 1 dataset

Angular Charts cannot get labels working how i needCombo Charts for angular-chart.jsRender a legend on angular-chart.js doughnut chartCharts in Angular js with JSON Objectangular-chart.js legendCallbackangular-chart.js realtime dataAngular Dynamic Chart Generateangular-chart.js provider and injectors not workingHow set xScalePaddingLeft in angular-chart.jsHow to change bar color on a angular-chart and chart js bar graph with multiple datasets?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

2

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.

angular-chart

share|improve this question

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  Hi! Could you provide a plunker with your code?
  
  – Carlos Jafet Neto
  Apr 6 at 11:10
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  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 7 at 8:48
  
  

  
  
  
  

add a comment
 | 

2

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.

angular-chart

share|improve this question

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

• 
  
  
  

  
  2
  

  
  
  
  
  
  

  
  
  Hi! Could you provide a plunker with your code?
  
  – Carlos Jafet Neto
  Apr 6 at 11:10
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  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 7 at 8:48
  
  

  
  
  
  

add a comment
 | 

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.

angular-chart

share|improve this question

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

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

share|improve this question

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

share|improve this question

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

edited Apr 8 at 13:15

Wim Ombelets

3,86033 gold badges3232 silver badges4646 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

asked Mar 28 at 13:16

user441521user441521

2,2621515 gold badges6161 silver badges129129 bronze badges

1 Answer
1

active

oldest

votes

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

share|improve this answer

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  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 9 at 19:57
  
  

  
  
  
  

add a comment
 | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/4.0/"u003ecc by-sa 4.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55398608%2fangular-chart-js-hide-dots-on-1-dataset%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

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

share|improve this answer

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  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 9 at 19:57
  
  

  
  
  
  

add a comment
 | 

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

share|improve this answer

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  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 9 at 19:57
  
  

  
  
  
  

add a comment
 | 

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

share|improve this answer

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges

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

share|improve this answer

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges

answered Apr 8 at 11:10

SynxmaxSynxmax

1,84511 gold badge1919 silver badges3434 bronze badges