D3 and Qlik Component

[hoangvvo]

I have a custom component that  takes in 3 measure and a dimension 1. line chart 2. bar chart 3. area chart I am using D3's v4 minified js file. I am still learning and understanding d3 and have a simple grasp of it. But I am stuck on if this is possible or not:

The above chart uses the scaleBand for the barchart/ x - axis.

Which lines up perfectly.

The issue I am having is the above, I have to change the scale to scalePoint, add a padding to line up the point to match the bar-chart.

Is there a way to color or extend the are chart's color so that  it starts  0,52 (x,y) - basically where the padding is before the first point, as if it was never padded?

Thanks