Highcharts:平滑/抗锯齿线
我使用highcharts库中的基本折线图,我认为这些线不够平滑 有可能改进吗 我的代码:Highcharts:平滑/抗锯齿线,highcharts,antialiasing,Highcharts,Antialiasing,我使用highcharts库中的基本折线图,我认为这些线不够平滑 有可能改进吗 我的代码: chart: { type:'line', renderTo: 'issues_by_release', plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false },
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提供了花键配合: