启用滚动高图表，高股票

我正试图绘制一张图表，该图表以不规则的间隔显示每月的续期金额。默认情况下，我应该显示18个月的数据，并启用滚动条在18个月后显示。在点悬停时，应该有一个工具提示，其中包含与该点相关的数据，而不是x和y值。在这里，我尝试过使用tooltip，但加载图失败。这是小提琴。我试过在网上做一些事情，但没有成功。任何解决方案都将大有帮助。

参考：-

高图

HTML:

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

脚本：

 $(function () {
    $('#container').highcharts({
        chart: {
            type: 'scatter',zoomType: 'xy',
        },
        title: {
            text: ' '
        },
        subtitle: {
            text: ' '
        },
         scrollbar: {
        enabled: true,
    },
        xAxis: {
        ordinal: false,
            type: 'datetime',
            dateTimeLabelFormats: { // don't display the dummy year
                month: '%e. %b',
                year: '%b'
            },
            title: {
                text: 'Date'
            }
        },
        yAxis: {
            title: {
                text: 'renewal ammount(in Mn)'
            },
            min: 0
        },
        tooltip: {
            headerFormat: '<b>{series.name}</b><br>',
            pointFormat: '{point.x:%e. %b}: {point.y:.2f} m'
        },
        plotOptions: {
            spline: {
                marker: {
                    enabled: true
                }
            }
        },
        series: [{
            name: '0-1',
            // Define the data points. All series have a dummy year
            // of 1970/71 in order to be compared on the same x axis. Note
            // that in JavaScript, months start at 0 for January, 1 for February etc.
            data: [


            ],pointInterval: 30*24 * 3600 * 1000
        }, {
            name: '1-2',
            data: [
            [Date.UTC(2016,07,16),1.3],[Date.UTC(2018,06,18),1.3,,ww:'mydata'],[Date.UTC(2019,06,19),1.3,ww:'mydata'],[Date.UTC(2016,12,16),1.3,ww:'mydata'],[Date.UTC(2016,06,16),1.3,ww:'mydata'],[Date.UTC(2016,02,16),1.3,ww:'mydata'],         

            ],pointInterval: 30*24 * 3600 * 1000
        },{
            name: '2-3',
            data: [
            [Date.UTC(2017,05,17),2.9],[Date.UTC(2016,03,16),2.1],[Date.UTC(2018,06,18),2.1],           

            ],pointInterval: 30*24 * 3600 * 1000
        },{
            name: '3-4',
            data: [


            ],pointInterval: 30*24 * 3600 * 1000
        },{
            name: '4-5',
            data: [


            ],pointInterval: 30*24 * 3600 * 1000
        },]
    });
});