Javascript Highchart：向折线图添加标志

我有一个关于如何在折线图中添加标志的问题，我尝试了几种方法，但似乎都不起作用，例如，我有一个类似这样的图表

$(function () {
    $('#container').highcharts({
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            valueSuffix: '°C'
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'middle',
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo',
            data: [7.0, 6.9, 9.5]
        } ]
    });
});

我想在下面的图表中添加标志

---

谢谢。

标志仅在highstock.js中可用，在highcharts.js中不可用，您应该更新js库，然后使用

    {
            type : 'flags',
            data : [{
                x : yourX,
                title : 'title here',
                text : 'your text'
            }

---

请参阅，如果您将xAxis的类型定义为dateTime，请在flag的x:yourX中提供dateTime的值。

您可以使用类似扩展的功能，以用户友好的形式添加自定义形状。

谢谢，但是有没有办法不将标志添加到股票图表，而是添加到折线图？我只添加了折线图，stockchart.js是highcarts.js的升级版，具有更多功能。Stockchart有更多的控件，如范围选择器、导航器、标志等。请参阅此处@COLDTOLD，您只需更改加载的JS库，因为使用Highstock将允许创建Highcharts。例子：