0

我有带标志的 Highstock 图表。一切都很好,但我想更改标志工具提示的位置。(将标志的工具提示移动到标志的上侧)。而且我还想提供标志文本“测试测试”的链接,它将在新选项卡中打开。谁能帮我?这是我的完整代码http://jsfiddle.net/anant_ghate/8byc9/1/

// Create the chart
    window.chart = new Highcharts.StockChart({
        chart: {
            renderTo: 'container'
        },
        tooltip: {
            positioner: function(boxWidth, boxHeight, point) {
                return {
                    x: point.plotX + 20,
                    y: point.plotY + -20
                };
            },
            shared:true,
            formatter: function(){
                    var p = '';
                    if(this.point) {
                      p += '<span>'+ Highcharts.dateFormat('%A, %b %e, %Y', this.point.x) +'</span><br/>';
                      p += '<b>'+ this.point.title + '</b>' // This will add the text on the flags
                    }
                    else {              
                      p += '<b>'+ Highcharts.dateFormat('%A, %b %e, %Y', this.x) +'</b><br/>';
                      $.each(this.points, function(i, series){
                        p += '<span style="color:' + this.series.color + '">' + this.series.name + '</span>: <b>'+ this.y;
                      });

                    }
                    return p;
            },              
        },
        rangeSelector: {
            selected: 1
        },

        title: {
            text: 'USD to EUR exchange rate'
        },

        yAxis: {
            title: {
                text: 'Exchange rate'
            }
        },

        series: [{
            name: 'USD to EUR',
            data: data,
            id: 'dataseries',
            tooltip: {
                yDecimals: 4
            }
        }, {
            type: 'flags',
            data: [{
                x: Date.UTC(2011, 1, 20),
                title: 'Test test'
            }, {
                x: Date.UTC(2011, 3, 20),
                title: 'Test test'
            }],
            onSeries: 'dataseries',
            allowPointSelect : true,
            shape: 'squarepin',
            y : -40         
        }]
    });
4

2 回答 2

0

您可以调整工具提示,如this answer Highcharts tooltip always on the right side of cursor

并使用类似于this highcharts clickable labels how to goto anchor的方法使标志可点击

于 2012-09-08T09:27:12.190 回答
0

要在单击标志时重定向到 url,您可以在“点击事件”上创建一个函数:http: //jsfiddle.net/8byc9/5/ 我认为创建自己的定位器并不容易标志工具提示,但不适用于货币工具提示...

于 2012-09-10T08:31:59.270 回答