Highcharts: плавная/сглаживающая линия

Question

Я использую базовую линейную диаграмму из библиотеки высоких карт, и я думаю, что линии не достаточно гладкие.

Его можно улучшить?

Мой код:

chart: { 
      type:'line', 
      renderTo: 'issues_by_release', 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
      }, 
    yAxis: { 
      min:0, 
      labels:{ enabled:true }, 
      title: { 
        text:'Issues' 
        }       
      }, 
    xAxis: { 
      tickmarkPlacement: 'on',  
      tickLength:10, 
      categories:['1','2','3','4','5'], 
      labels:{ rotation:-45, 
        align:'right' 
        }       
      }, 
    plotOptions: { 
        line: {        
          dataLabels: { 
              enabled: true              
             }, 
          enableMouseTracking : false, 
          showInLegend: true 
         }       
        },         
        series: [{ 
          type: 'line',       
          name: 'Testers', 
          data: [1,2,3,4,5]               
          }       
          ] 
      }); 
     }); 

Спасибо заранее!

Answer 1

Это зависит от того, действительно ли вы хотите улучшить сглаживание, или если вы действительно хотите, это более плавная кривая, интерполированная через точки данных.

Если вы хотите улучшить сглаживание, вам придется посмотреть варианты SVG - хотя я не вижу в этом случае возможности для улучшения в этом случае, честно.

Если вы хотите плавную кривую, то, что вы хотите, это тип сплайна диаграмма:

http://highcharts.com/demo/spline-plot-bands

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