Highchart：在折線圖中添加標志

Question

我有一個關於如何向折線圖添加標志的問題，我嘗試了幾種方法，但似乎無濟於事，例如，我有一個像這樣的圖表

$(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]
        } ]
    });
});

http://jsfiddle.net/t2uekmx2/

我想像下面的圖表一樣添加標志

http://jsfiddle.net/1tc3agv5/

謝謝。

Answer 1

標記僅在highstock.js中可用，在highcharts.js中不可用，您應該更新js庫，然后使用創建標記

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

如果您將xAxis的類型定義為dateTime，請參見更新的小提琴 ，在標志的x：yourX中提供dateTime的值。

Answer 2

您可以使用注釋擴展之類的功能，該功能允許以用戶友好的形式添加自定義形狀。