Chart.js 2 Bar and line combined chart. Align both y axis at 0 - chart.js2

I'm trying to create a bar and line combined chart. Some of the bars have negative values as seen on the picture, and this create the kind of ugly chart of the picture.
Is there a way to align the 0s of both axis so that the 0s of the line match the 0s of the bars ?
(Note: The 2 y-axis measure different quantities)

Related

Invert Y Axis Jasper report

I am attempting to create a line graph with an inverted y-axis. The y-axis I was hoping to create would have a maximum value of 1 (top) and a minimum axis value of 5 (bottom). I have not been able to find how to perform this operation in jasper report, how can I do it?
I just make negative numbers, but that´s not the way I want to do it
2 at top, 20 at bottom (not negatives) Reference: 2

Power BI Stacked Column Chart - X Axis Labels vertical or 45 Degrees

I have a stacked column chart and a request to show the x axis labels vertically or at a 45 degree angle. Is this possible in Power BI as I can't see a way of achieving this.
If it is not possible is there a custom visual that would create the desired outcome?
Instead of a stacked column chart, consider using a stacked horizontal chart, where the label are aligned with the visuals by default and you don't have to turn your head to read them.

Google Image chart not showing correct value for Y-axis in Bar chart

I am rending image chart on a server side code. I am using bar chart (bvg).
I am not able to render the chart the way I want to. I am sure it's doable because I have done it using Google Chart JS. The chart's x axis is month and y axis is score. I want to display the labels Month and Score for each axis along with the bar labels. I also want to show the value markers on the Y-axis.
When I add X and Y axis labels with chxl the Axis Labels shows up along with Y-axis value markers; but strange the value markers denote wrong values. The values range between 0 and 100 no matter what values my bar represents and that too the height of the bar doesn't match with the Y-axis values (which ranges between 0 and 100). Please help.
I've written the URL like this:
https://chart.googleapis.com/chart?cht=bvg&chxt=x,x,y,y&chxl=1:|Months|3:|Score&chxp=1,50|3,50&chbh=30,20,20&chds=0,40&chs=400x400&chco=015CAE,015CAE,015CAE,015CAE,015CAE&chd=t:22,32,11,27,8&chl=Jan|Feb|Mar|Apr|May
And I am concerned about the values displayed in the following snapshot of the chart (see highlighted values in red, they do not match the actual bar values):
Don't Include chds parameter
Here is the modified link:
https://chart.googleapis.com/chart?cht=bvg&chxt=x,x,y,y&chxl=1:|Months|3:|Score&chxp=1,50|3,50&chbh=30,20,20&chs=400x400&chco=015CAE,015CAE,015CAE,015CAE,015CAE&chd=t:22,32,11,27,8&chl=Jan|Feb|Mar|Apr|May

How to ensure HighStocks chart x-axis spans the full chart width?

I am using HighStocks (http://api.highcharts.com/highstock) and have data being plotted on 2 different y axes with timestamps for the x axis, one series is an 'areaspline' chart and the other is a 'column' chart. When changing the zoom view, the chart becomes more or less narrow. This never happened when I was only using areasplines, even with two y-axes.
How can I ensure the x-axis fills the entire chart width?

Core Plot Bar Chart Columns

Is it possible to set some padding between the first bar and the Y axis?
The last bar is always a few pixels away from the right margin of the plot but the first column always appears cut by the Y axis
Adjust the xRange of your plot space. Decrease the starting location and increase the length.