CODEWITHSUNDEEP
d3.jsnvd3.js
Dinesh
Dinesh

Reputation: 2204

custom no data label in nvd3 scatter chart

I am trying to have custom message instead of the "No Data Available" message which is displayed. I am using nvd3 scatter / bubble chart. I came across a suggestion here

data2 = [ 
  { 
  "key" : "A key" , 
  "values" : [[]]
  }
];

but I want to change the message. I looked at the source scatter.js but did not find "No Data Available" message. Do I need to modify another source file? How can I do so?

Upvotes: 13

Views: 7203

Answers (2)

Atais
Atais

Reputation: 11275

If you happen to use the Angular NVD3 wrapper, the way to set the custom message is through chart options, simply:

$scope.options = {
    chart: {
      ...
      noData: 'Your custom message',
      ...
    }
  };

I have prepared a simple demo plunker: http://plnkr.co/edit/hORaQh?p=preview

Upvotes: 8

Lars Kotthoff
Lars Kotthoff

Reputation: 109242

Looking at the source, it seems that you can set the message using .noData():

chart.noData("Nothing to see here.");

Upvotes: 17

Related Questions