Line chart data points are partly hidden under axis

[pihlajus]

I have created line chart but for some reason data points close to axis are partly hidden under the axis (see screenshot). Could this be prevented e.g. using css or some property?

[topicus]

@pihlajus you can try with clipEdge:

<NVD3Chart type="lineChart" clipEdge={true} />

Let me know if this helps you.

[pihlajus]

Thanks, but unfortunately this didn't bring any help.

[topicus]

@pihlajus Could you pass me an example of your code?

[pihlajus]

Sure @topicus, this is the rendering part:

    <NVD3Chart
        xAxis={{
          tickFormat: function(d){
           return timeFormat('%Y-%m-%d')(new Date(d))
        }}}
        yAxis={{
           tickFormat: function(d){
           return parseInt(d)
        }}}
        width={640}
        height={350}
        type="lineChart"
        margin={{
           left:60,
           right:80
        }}
        duration={1}
        showControls={false}
        showLegend={false}
        forceY={0}
        clipEdge={true}
        datum={chartData}
        x={function(d){return d[0];}}
        y={function(d){return d[1];}}
     />