I hesitate to raise this as a bug report since I’m not entirely sure that I have configured the options correctly or if Chart.js supports this scenario (2 unstacked lines superimposed on a stacked bar chart). But I have an issue with a stacked bar chart that includes 2 lines with each line being represented by a different y-axis. The y-axis does not show the correct values for the data points provided. The data provided ranges from 5000 – 0 and the associated right y-axis renders -1.0 – 1.0.
Steps to Reproduce (for bugs)
- See linked CodePen example below.
- Notice points for line “d” are wrong relative to the left y-axis as well. However, if the user removes line “c” then line “d” displays correctly relative to the left axis though it is assigned to the right axis.
I’m trying to have a stacked bar chart with 2 unstacked lines – preferably with one left y-axis only, since all data points fall within the same range.
- Chart.js version: 2.x
- Browser name and version: IE 11 or Chrome – 54.0.2840.71 m
- Link to your project: http://codepen.io/Karl53/pen/MbYrPN
combined-stacked-bar-chart-and-2-unstacked-lines SO question with linked jsfiddle demonstrating the problem.