Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示日期范围平均值18:00-19:59的高位图表_Javascript_Jquery_Highcharts_Highstock - Fatal编程技术网

Javascript 显示日期范围平均值18:00-19:59的高位图表

Javascript 显示日期范围平均值18:00-19:59的高位图表,javascript,jquery,highcharts,highstock,Javascript,Jquery,Highcharts,Highstock,我有一个图表,为从Web服务接收到的每个时间戳显示一个点和一个图例。我的问题是,当你缩小图表时,它会取多个点的平均值,并创建一个点和图例,以显示该时间范围的平均值 这是图例当前显示的内容: 7月8日,星期一,18:00-19-59 但我们需要它来分别读取和渲染这些点,如下所示: 7月8日星期一18:00 7月8日星期一19:00 7月8日星期一20:00 我已经详细查看了high stocks文档和论坛,但看不到该配置设置在哪里。我试过范围选择器和x轴,但没有成功。我假设这是一个默认为true的

我有一个图表,为从Web服务接收到的每个时间戳显示一个点和一个图例。我的问题是,当你缩小图表时,它会取多个点的平均值,并创建一个点和图例,以显示该时间范围的平均值

这是图例当前显示的内容:
7月8日,星期一,18:00-19-59

但我们需要它来分别读取和渲染这些点,如下所示:
7月8日星期一18:00
7月8日星期一19:00
7月8日星期一20:00

我已经详细查看了high stocks文档和论坛,但看不到该配置设置在哪里。我试过范围选择器和x轴,但没有成功。我假设这是一个默认为true的设置,我们只需要设置为false

任何帮助都将不胜感激

图表功能如下:

            $(setasid).highcharts('StockChart', {
                chart: {
                    renderTo: $('.charthold', top),
                    plotBackgroundImage: backgroundImage,
                    events: {
                        load: loader(top)
                    },
                    width: 714,
                    height: 459
                },
                scrollbar: {
                    enabled: false
                },
                rangeSelector: {
                    enabled: false
                },
                title: {
                    text: chartTitle,
                    style: {
                        color: blue,
                        fontWeight: 'bold'
                    }
                },
                loading: {
                    style: {
                        backgroundColor: 'silver'
                    },
                    labelStyle: {
                        color: 'white'
                    }
                },
                exporting: {
                    enabled: false
                },
                labels: {
                    style: {
                        color: blue
                    }
                },
                yAxis: {
                    title: {
                        text: Pricein + currencyunit + '/' + units,
                        style: {
                            color: blue,
                            fontWeight: 'normal'
                        }
                    },

                    plotLines: [{
                        value: ndata.spotPrice,
                        color: red,
                        width: 2,
                        label: {
                            text: Currentspotprice + ndata.spotPrice.toFixed(2),
                            x: 40,
                            style: {
                                color: blue,
                                zIndex: 50
                            }
                        }
                    }]
                },
                xAxis: {
                    ordinal: false

                },
                plotOptions: {
                    series: {
                        color: blue,
                        marker: {
                            enabled: true,
                            radius: 0,
                            fillColor:  '#97833c',
                            lineWidth: 0,
                            lineColor: null, // inherit from series

                            states: {
                                hover: {
                                    enabled: false
                                }
                            }
                        }
                    }
                },

                series: [{
                    name: SpotvaleLable,
                    data: ndata.data,
                    color: blue,
                    shadow: true,
                    tooltip: {
                        valueDecimals: 2
                    },
                    event:
                    {
                        update: function() { loader() }
                    }
                }]
            });

您需要禁用数据分组