Highstock:当具有相同 X 轴值的值之间存在空值时,工具提示不会显示在精确的点上

问题描述 投票:0回答:1

首先,我想在系列中的价值变化之间休息一下,这是屏幕截图。

图表案例

但是当值的变化位于同一系列对象中时,我遇到一个问题,它不是悬停在最新的数据点上。

看十字线

我的光标位于顶部点,但没有出现工具提示。

这是我的图表选项

    datetimeChartOptions: HighchartsStocks.Options = {
        chart: {
            type: this.selectedChartType,
            zoomType: 'xy',
        } as Highcharts.ChartOptions,
        scrollbar: {
            enabled: false
        },
        rangeSelector: {
            enabled: true,
            inputEnabled: false,
            buttons: [{
                type: 'day',
                count: 1,
                text: '1D'
            },
            {
                type: 'week',
                count: 1,
                text: '1W'
            },
            {
                type: 'month',
                count: 1,
                text: '1M'
            },
            {
                type: 'all',
                text: 'All'
            }],
            selected: 3
        },
        credits: {
            enabled: false
        },
        time: {
            useUTC: false
        },
        xAxis: {
            title: {
                text: 'Time'
            },
            startOnTick: true,
            type: 'datetime',
            crosshair: true,
            dateTimeLabelFormats: {
                month: '%e %B %Y'
            }
        },
        yAxis: {
            min: 0,
            crosshair: true,
            title: {
                text: 'Price'
            }
        },
        plotOptions: {
            series: {
                marker: {
                    enabled: true
                }
            },
            line: {
                findNearestPointBy: 'xy',
                stickyTracking: false,
                marker: {
                    enabled: true,
                    radius: 4
                }
            },
            column: {
                pointWidth: 3
            },
        },
        lang: {
            noData: "No data to display"
        },
        noData: {
            style: {
                fontWeight: 'bold',
                fontSize: '15px',
                color: '#303030'
            }
        },
        series: [],
    };

这里有类似的案例: https://stackblitz.com/edit/highcharts-angular-stock-chart-w5vbys?file=src%2Fapp%2Fapp.component.ts

见第25行

我的期望是这样的: 不在同系列对象中时会出现工具提示

我希望“U”工具提示出现在两点中。我需要更改任何选项来解决此问题吗?

仅供参考,我使用角度。

谢谢!

angular highcharts
1个回答
0
投票

根据jedrzejruta的答案,它符合我的目标。谢谢!

© www.soinside.com 2019 - 2024. All rights reserved.