当最后一个点位于当前x轴最小值之前且下一个点位于当前X轴最大值之后时,高位图不显示线

时间:2014-05-13 20:15:20

标签: javascript jquery configuration highcharts

以下是我的问题:http://jsfiddle.net/Y5FY9/

我配置了一个图表:

   chart: {
    marginBottom: 80,
    reflow: false,
    spacingLeft: 30,
    marginRight: 20,
    style: {
        position: 'absolute'
    },
    borderColor: '#000000',
    borderRadius: 20,
    borderWidth: 1
},

如果起始配置使得线图的最后一点落在当前X轴观察范围之外,则使用主 - 细节设置,则不显示任何线,如上面的JSFiddle示例链接所示。

同样,如果你缩放主图形(底部一个),使最后一个点向左偏离,下一个点向右偏离,则不显示任何一行。

如果没有点落在当前X轴范围内,如何配置Highcharts以显示线,这样至少可以看到某些内容?

用户并不总是意识到他们没有选择任何积分,但就用户而言,情节会突然消失。

我希望这只是某处的配置设置,但我无法找到它。

1 个答案:

答案 0 :(得分:0)

在那行中你要过滤数据:

                jQuery.each(this.series[0].data, function(i, point) {
                    if (point.x > min && point.x < max) {
                        detailData.push({
                            x: point.x,
                            y: point.y
                        });
                    }
                });

如您所见,当点超出范围时,不会添加任何内容。您可以在图表上添加至少两个点来显示行。