highcharts - 有没有办法让 HighCharts JS 中的曲线更平滑?

标签 highcharts

我正在使用 HighCharts 来显示图表。目前,线条非常僵硬,在上下移动时会产生尖锐的点。有没有办法改变配置选项来创建更平滑的曲线,类似于下图? chart image that I'd like to replicate

我尝试将类型设置为样条曲线,但似乎没有任何效果

plotOptions: { 系列: { 类型: '样条' } }

最佳答案

the Highcharts forum 上的某些人找到了一个解决方法,例如通过添加此(稍微调整)行来获得平滑的线条:

Highcharts.seriesTypes.line.prototype.getPointSpline = Highcharts.seriesTypes.spline.prototype.getPointSpline;

参见this JSFiddle demonstrationgetPointSpline 具有以下文档:

Get the spline segment from a given point's previous neighbour to the given point.

它被getGraphPath函数用来绘制路径。

关于highcharts - 有没有办法让 HighCharts JS 中的曲线更平滑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/77238058/

相关文章:

javascript - 如何将条形图数据输入到整体饼图中? (Highcharts/JS/jQuery)

javascript - 如何使用 highcharts.js 获取 x 轴和 y 轴末尾的箭头?

javascript - 如何从 JS 变量获取 Highcharts 实体仪表数据?

javascript - (angular2-highcharts) 静态解析符号值时遇到错误中的错误

javascript - Highcharts 点击函数没有被调用?

javascript - Highcharts 堆叠条未对齐且条形尺寸奇怪

html - Highcharts Pie 自定义图例,可能吗?

javascript - 使用 Highcharts 并在没有数据时在图表上方或上方显示消息

javascript - 关于图表上的线条范围的 Highcharts 设计问题

javascript - 我的图表没有在 x 轴上显示正确的时间