Chart.js how to get Combined Bar and line charts?

Question

i would like to ask is that possible using Chart.js http://www.chartjs.org/ to get Combined Bar and line charts?

Thanks for any advice.

Answer 1

One minor code addition is needed. In the "buildScale" section, you need to include the data from eachPoints as well. This is, because calculatedY is only using the data from bar to determine the height; the data using line is ignored. If the data using the line is higher than the data using bar, the line graph will be cut off at the top.

buildScale : function(labels){
    var self = this;

    var dataTotal = function(){
        var values = [];
        self.eachBars(function(bar){
            values.push(bar.value);
        });
// missing code ↓↓↓
        self.eachPoints(function(point){
            values.push(point.value);
        });
// missing code ↑↑↑
        return values;
    };