Кривые линии с использованием диаграммы флота jQuery

Question

В настоящее время у меня есть карта флота, которая представляет собой довольно простой линейный график. Попытка сгладить кривую с помощью плагина CurvedLines, но точки не округляются.

Мой код здесь:

var d = [[2010, ], [2011, 0], [2012, 1000], [2013, 835000], [2014, 5100000], [2015, 15300000], [2016, 33400000], [2017, ]]; 


    var data1 = [{data: d, color: "#0086e5", points: { symbol: "circle", fillColor: "#ffffff", radius: 5 }, lines: {show: true}, points: {show: true}, curvedLines: {apply: true, monotonicFit: true}}]; 

    var options = { 
      series: { 
       curvedLines: {active: true}      
      } 
      }; 

      /*series: { 
      lines: { show: true }, 
      points: { show: true }, 
      curvedLines: {active: true}   
     },*/ 

    $.plot("#homechart",data1, {    

     xaxis: { 
      tickColor: '#def2ff', 
      tickDecimals: 0 

     }, 

     yaxis: { 
      tickLength: 0, 
      show: false 
     }, 
     grid: { 
      backgroundColor: { colors: [ "#effaff", "#d7f3ff" ] }, 
      borderWidth: 0 
     } 

     }); 

     var ticklabel = $('.tickLabel'); 
     ticklabel.each(function(index, domElement) { 
     var $element = $(domElement); 

     if ($element.text() === "2010") { 
      $element.hide(); 
     } 

     if ($element.text() === "2017") { 
      $element.hide(); 
     } 
}, options); 

График генерируется, но без скругленной кривой.

Answer 1

Варианты для вызова сюжета не хватает

series: { 
    curvedLines: {active: true}      
} 

(и мин/макс-значение для Xaxis).

После добавления этого, он работает: https://jsfiddle.net/khwc415t/