Unable to plot low values, scale to static and to big about angular-charts HOT 4 CLOSED

What you would like to set to enable custom domain is on line 245:

y.domain([
d3.min(yData),
d3.max(yData) + padding
]);

to:

y.domain([
d3.min(yData),
myDomainMax + padding
]);

from angular-charts.

I'm not sure I understand the problem here, could you point me to a use case where you need to set domain range manually ?

For 80% of the cases, default domain should work fine. As they are calculated on the basis of data you provide. Padding is just d3.max(yData) * 0.20 - added to keep the bars from touching top of the chart.

from angular-charts.

I can not recreate it using the plunker. So I suppose it is me providing it with some data that makes the d3 calculation freak out (feel free to close this isse).

The setup I am using is shown below. The data array is created from a string of numbers separated by newline, therefore i regex remove this and create a proper array of it, the console log looks allright though:

  var thisThrow = HistoryService.getThrow($stateParams.throwId);


  $scope.config = {
    title: 'Values in throw',
    tooltips: true,
    labels: false,
    mouseover: function() {},
    mouseout: function() {},
    click: function() {},
    legend: {
      display: true,
      //could be 'left, right'
      position: 'right'
    }
  };
  $scope.history = {
    data: [{
      x: '0',
      y: thisThrow.data.replace(/(\r\n|\n|\r)/gm,'').split(''),
      tooltip: 'this is tooltip'
    }]
  };

from angular-charts.

I guess, thisThrow.data.replace(/(\r\n|\n|\r)/gm,'').split('') this will return a string array. console it out and check. Try mapping it to Number like this thisThrow.data.replace(/(\r\n|\n|\r)/gm,'').split('').map(function(d) { return Number(d); });

from angular-charts.