Highchart js 最多可绘制 15 个图

2023-12-20

我在 Highchart js 中进行了很多尝试,但仍然找不到减少系列中元素数量的方法。

如果我获得超过 15 天的数据,我必须将其减少并以 15 天的数据形式向用户显示,以便用户可以在不拥挤的情况下查看数据。该系列最多有 90 天,我必须减少到 15 天。

检查我当前的代码http://jsfiddle.net/MULZL/ http://jsfiddle.net/MULZL/

任何人都可以给我一个解决方案吗?

P.S:我不想将其减少到前 15 天或最后 15 天。我之所以这样做,是因为图表中的 90 天看起来很拥挤,而且我不想应用缩放功能。我想要忽略一些数据(天)的解决方案,如果超过 15 天,则将其设为 15 天


您可以使用以下命令以编程方式放大所需的时间范围轴.setExtremes http://api.highcharts.com/highcharts#Axis.setExtremes%28%29方法。根据您的情况,您可能想要这样做on load http://api.highcharts.com/highcharts#Highcharts.Chart%28%29

操作方法如下,如果您想放大给定数据的前 15 天,您可以轻松修改为放大到最后 15 天。

function zoomTo15Points(chart){
    var points=chart.series[0].points;
    if(points.length<15)   return;
    var min=points[0].x;    
    var max=points[14].x;
    // If you wish to zoom to 15 days and not 15 points, you can modify max as
    // var max=min + 1000*60*60*24*14
    chart.xAxis[0].setExtremes(min,max);    
    chart.showResetZoom();
}

如果您不想让用户缩小,您可以禁用最后一行,但您还必须禁用缩放,否则如果用户在 15 天内缩放,则会出现该按钮。

Highchart 放大加载 @ jsFiddle http://jsfiddle.net/jugal/JraJW/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Highchart js 最多可绘制 15 个图 的相关文章

随机推荐