我用highcharts-react-official作为直方图。我面临的问题是,当用户放大x轴极值时,x轴上的值消失了(突出显示了相关的x轴值)。highchart
我在Highcharts中使用的缩放配置是这样的:仅在x轴上缩放我确实浏览了Highcharts文档和一些文章,但没有找到任何解决方案。如果你以前在Highcharts有工作经验,我相信你能在这里帮我。
您正在寻找cropThreshold
属性。来自Highcharts API:
cropThreshold:数量
当序列包含的点少于裁剪阈值时,所有点被绘制,如果点落在可见的绘图之外当前缩放的面积。绘制所有点的优点(包括标记和列),是动画执行的对象更新。另一方面,当级数包含的点多于裁剪阈值,将序列数据裁剪为只包含点都在地块范围内。剪掉的好处隐形点是为了提高大序列上的性能。
默认为50。
可以增加值:
plotOptions: {
series: {
cropThreshold: 9e9
}
}
现场演示:https://jsfiddle.net/BlackLabel/w6y4zdk8/
API参考:https://api.highcharts.com/highcharts/series.column.cropThreshold