Highcharts：平滑/反鋸齒線

Question

我使用來自highcharts庫的基本折線圖，我認爲線條不夠光滑。

可以改進它嗎？

我的代碼：

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

只要記住一個樣通過使用特定的公式來平滑點之間的曲線扭曲數據，這可以增加高點和低點之間的差異的嚴重性 - 它不應該僅用於美學。