Chart.js: прямые линии и кривые линии в том же графике

Question

не в состоянии получить прямые и изогнутые линии в том же графике, сделанные как наборы данных Кривая Безье: ложные и Кривая Безье: истинный для них, но не получаю это, вот файл: http://fiddle.jshell.net/2omjx9dn/44/

нужны эти два графика линии двух различных графиков на одном графике: http://fiddle.jshell.net/2omjx9dn/42/

любая помощь будет здорово !!!!

Answer 1

bezierCurve - это уровень диаграммы (не уровень набора данных). Поэтому вам нужно переопределить график, чтобы сделать это. Проще всего было бы подключить к функции HasValue (он вызывается непосредственно перед набором данных линия рисуется)

Chart.types.Line.extend({ 
    name: "LineAlt", 
    initialize: function (data) { 
     Chart.types.Line.prototype.initialize.apply(this, arguments); 

     var options = this.options; 
     this.datasets.forEach(function (dataset, index) { 
      var originalHasValue = dataset.points[0].hasValue; 
      dataset.points[0].hasValue = function() { 
       // change option by dataset index here 
       options.bezierCurve = (index === 0) ? true : false; 
       return originalHasValue.apply(this, arguments) 
      } 
     }) 
    } 
}); 

, а затем

... 
var myLineChart = new Chart(ctx).LineAlt(data);