Question

我正在使用 Highstock 显示大约 10,000 个点，其中两条绘制的线代表一个下限和一个上限。所有似乎都可以正常工作，但有许多点应该呈现在限制之外，但它们只是在放大图表时显示出来。

这是我的代码的样子：

                        var chart_DIE_TEMPERATURE =Highcharts.stockChart('container-DIE_TEMPERATURE', {

                            chart: {
                                zoomType: 'x',
                                marginRight: 80
                            },
                            yAxis: {
                                    title: {
                                        text: '%'
                                    },
                                plotLines: [
                                     {
                                    color: '#A7DDED',
                                    value: 741.307376468923,
                                    width: '2',
                                    zIndex: 5,
                                    label: {
                                        text: 'Media'
                                    }
                                },
                                    {
                                        value: 750,
                                            color: '#DF6D69',
                                        dashStyle: 'solid',
                                        width: 2,
                                        label: {
                                            text: 'L S E'
                                        }
                                    },
                                    {
                                        value: 735,
                                        color: '#DF6D69',
                                        dashStyle: 'solid',
                                        width: 2,
                                        zindex:3,
                                        label: {
                                            text: 'L I E'
                                        }
                                    }]
                            },
                            credits: {
                                enabled: false
                            },
                            rangeSelector: {
                                selected: 1
                            },

                            title: {
                                text: 'GRAFICO DIE_TEMPERATURE'
                            },

                            series: [{
                                name: 'DIE_TEMPERATURE',
                                data: data_DIE_TEMPERATURE,
                                lineWidth: 1,
                                marker: {
                                    enabled: false,
                                },
                                shadow: false,
                                tooltip: {
                                    valueDecimals: 2
                                }
                            }]
                        });

一切都呈现得很好，但我想知道为什么图表有这种行为。

这是一个现场演示。 https://jsfiddle.net/lvevano/d09ob5ep/6/

Answer 1

请注意，您的某些点的值高于 750 或低于 735。在初始加载时，由于 dataGrouping，该线适合此范围。检查图表上的工具提示 - 它显示某个范围内的平均点数，例如 Saturday, Mar 20, 7.30-7.44 - 时间范围取决于图表宽度、刻度和点数。

有关 dataGrouping 的更多信息：

文档：https://www.highcharts.com/docs/stock/data-grouping

API：https://api.highcharts.com/highstock/series.line.dataGrouping

Highstock 不显示系列中的所有数据

1 个答案: