我在 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(使用前将#替换为@)