Question

我目前正在制作高图，我希望实现一项功能，当您单击鼠标并将其拖动到图表上时，将显示工具提示以指示所选内容的开始和结束日期（x轴）。

目前，我只能找到events.selection，但您需要通过触发此事件来释放鼠标。有没有办法在不释放鼠标的情况下实现“区域选择”功能？

任何提示都将受到赞赏！

由于

Answer 1

更新当我在寻找我使用的插件时（由TorsteinHønsi编写）我得到了这个小提琴http://jsfiddle.net/highcharts/AyUbx/

下面的代码是我在plotOption中使用拖放的一个例子

  plotOptions : {
                                    series : {
                                        cursor : 'ns-resize',
                                        point : {
                                            events : {

                                                drag : function(e) {

                                                    $('#drag')
                                                            .html(
                                                                    'Dragging <b>'
                                                                            + this.series.name
                                                                            + '</b>, <b>'
                                                                            + this.category
                                                                            + '</b> to <b>'
                                                                            + Highcharts
                                                                                    .numberFormat(
                                                                                            e.newY,
                                                                                            2)
                                                                            + '</b>');
                                                },
                                                drop : function() {
                                                    $('#drop')
                                                            .html(
                                                                    'In <b>'
                                                                            + this.series.name
                                                                            + '</b>, <b>'
                                                                            + this.category
                                                                            + '</b> was set to <b>'
                                                                            + Highcharts
                                                                                    .numberFormat(
                                                                                            this.y,
                                                                                            2)
                                                                            + '</b>');




                                                }
                                            }
                                        },
                                        stickyTracking : false
                                    },
                                    column : {
                                        stacking : 'normal'
                                    }
                                }

Answer 2

参考此http://forum.highcharts.com/highcharts-usage/is-there-a-start-pan-zoom-event-t33369/

信息丰富且有用的讨论

高图选择一个区域以通过单击并拖动鼠标但不释放来显示某些信息

2 个答案: