Hide datapoints programmatically

• July 20, 2018 at 6:27 pm #21909
  
  sonerb

  Hi,
  I want to hide data points but without click legends labels.

  For example i tried like this but not working.

  var chart = new chart = new CanvasJS.Chart(...);
  
  chart.data[0].visible = false;
  chart.data[1].visible = false;
  chart.render();

  Or hide all function:

  function HideAll() {
      for (var i = 0; i < chart.data.length; i++) {
          chart.data[i].visible = false;
      }
      chart.render();
  }

  Or show all function:

  function ShowAll() {
      for (var i = 0; i < chart.data.length; i++) {
          chart.data[i].visible = true;
      }
      chart.render();
  }

  • This topic was modified 6 years, 5 months ago by sonerb.
  July 23, 2018 at 10:02 am #21922
  
  Vishwas R

  @sonerb,

  You are trying to update visible property directly and not through chart-options. Updating chart options should work fine in this case. Can you kindly update your code to chart.options.data[i].visible = false; instead of chart.data[i].visible = false; and the same in ShowAll() aswell.

  If this doesn’t solve your issue, kindly create jsfiddle reproducing the issue, so that we can look in to your code, understand it better and help you out.

  

  —
  Vishwas R
  Team CanvasJS

  July 25, 2018 at 4:18 pm #21966
  
  sonerb

  @vishwas thank you for helping. It’s work for me.

  I have an another question, maybe i should open new topic but I want to ask now.
  Can I get default data color?
  I can get, if I set color properties and render. But I can’t get like this;

  var data_color = chart.options.data[0].color;

  July 25, 2018 at 4:34 pm #21967
  
  sonerb

  Here is my fiddle, maybe someone want to use.

  https://jsfiddle.net/QwZuf/1888/

  July 26, 2018 at 9:45 am #21978
  
  Vishwas R

  @sonerb,

  Once the chart is rendered, you can get dataSeries color using get method as shown in the code snippet below –

  for(var i = 0; i < chart.data.length; i++) {
     console.log(chart.data[i].get("color"))
  }

  Please take a look at this jsfiddle.

  

  —
  Vishwas R
  Team CanvasJS