Highcharts:平滑/抗锯齿线

Highcharts:平滑/抗锯齿线,highcharts,antialiasing,Highcharts,Antialiasing,我使用highcharts库中的基本折线图,我认为这些线不够平滑 有可能改进吗 我的代码: chart: { type:'line', renderTo: 'issues_by_release', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false },

我使用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]                                                           
                            }                           
                            ]
            });
        });

提前谢谢你

这取决于您真正想要的是改进的抗锯齿,还是您真正想要的是通过数据点插值的更平滑的曲线

如果您想要更好的抗锯齿,您必须查看SVG选项——老实说,在这种情况下,我看不出有多少改进空间

如果需要平滑曲线,则需要样条曲线图类型:


请记住,样条曲线通过使用特定公式平滑点之间的曲线而扭曲数据,这可能会增加高点和低点之间差异的严重性-它不应仅用于美观。

我已经解决了添加直线的问题

Highcharts.seriesTypes.line.prototype.getPointSpline = Highcharts.seriesTypes.spline.prototype.getPointSpline;
创建图表之前(根据线程改编)

在JSFiddle上。下面是截图


Highcharts提供了花键配合: