[Phpmyadmin-devel] Zoom-search and panning feature
Hi, I guess there is no inbuilt panning feature available for Highcharts yet. I also looked around in the Highstock demos (which has pan feature) on whether we can use the feature from there. The problem is that the zoom feature in Highcharts uses the click and drag mouse wheel event, so we cant use those events for pan as Highstock does. If we want to have a pan feature with inbuilt zoom of Highcharts, we would have to use a button panel or similar. Otherwise write our own zoom and pan feature?
On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir <ammaryasir.88@gmail.com> wrote:
Hi,
I guess there is no inbuilt panning feature available for Highcharts yet. I also looked around in the Highstock demos (which has pan feature) on whether we can use the feature from there. The problem is that the zoom feature in Highcharts uses the click and drag mouse wheel event, so we cant use those events for pan as Highstock does. If we want to have a pan feature with inbuilt zoom of Highcharts, we would have to use a button panel or similar. Otherwise write our own zoom and pan feature?
What about that code snippet I wrote to you? (http://jsfiddle.net/HXUmK/5/) That seems to work really well.
------------------------------------------------------------------------------ BlackBerry® DevCon Americas, Oct. 18-20, San Francisco, CA The must-attend event for mobile developers. Connect with experts. Get tools for creating Super Apps. See the latest technologies. Sessions, hands-on labs, demos & much more. Register early & save! http://p.sf.net/sfu/rim-blackberry-1 _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
On Sun, Aug 7, 2011 at 5:03 PM, Tyron Madlener <tyronx@gmail.com> wrote:
On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir <ammaryasir.88@gmail.com> wrote:
Hi,
I guess there is no inbuilt panning feature available for Highcharts yet. I also looked around in the Highstock demos (which has pan feature) on whether we can use the feature from there. The problem is that the zoom feature in Highcharts uses the click and drag mouse wheel event, so we cant use those events for pan as Highstock does. If we want to have a pan feature with inbuilt zoom of Highcharts, we would have to use a button panel or similar. Otherwise write our own zoom and pan feature?
What about that code snippet I wrote to you? (http://jsfiddle.net/HXUmK/5/ ) That seems to work really well.
Yes I'm integrating it. Will see how it works out.
------------------------------------------------------------------------------
BlackBerry® DevCon Americas, Oct. 18-20, San Francisco, CA The must-attend event for mobile developers. Connect with experts. Get tools for creating Super Apps. See the latest technologies. Sessions, hands-on labs, demos & much more. Register early & save! http://p.sf.net/sfu/rim-blackberry-1 _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
------------------------------------------------------------------------------ BlackBerry® DevCon Americas, Oct. 18-20, San Francisco, CA The must-attend event for mobile developers. Connect with experts. Get tools for creating Super Apps. See the latest technologies. Sessions, hands-on labs, demos & much more. Register early & save! http://p.sf.net/sfu/rim-blackberry-1 _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
On Sun, Aug 7, 2011 at 5:24 PM, Ammar Yasir <ammaryasir.88@gmail.com> wrote:
On Sun, Aug 7, 2011 at 5:03 PM, Tyron Madlener <tyronx@gmail.com> wrote:
On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir <ammaryasir.88@gmail.com> wrote:
Hi,
I guess there is no inbuilt panning feature available for Highcharts yet. I also looked around in the Highstock demos (which has pan feature) on whether we can use the feature from there. The problem is that the zoom feature in Highcharts uses the click and drag mouse wheel event, so we cant use those events for pan as Highstock does. If we want to have a pan feature with inbuilt zoom of Highcharts, we would have to use a button panel or similar. Otherwise write our own zoom and pan feature?
What about that code snippet I wrote to you? ( http://jsfiddle.net/HXUmK/5/) That seems to work really well.
Yes I'm integrating it. Will see how it works out.
Hi, I considered the snippet Tyron suggested (and pushed my work). It wasn't working really well so I changed the equations for setting of axis extremes. The mousewheel zoom works okay but the panning feature I'm not fully convinced. The logic seems to be right (readjusting the axis extremes on mouse drag position) but it seems to very sensitive. I'll try to look more into the panning but in my opinion the inbuilt zoom feature works better than this.
------------------------------------------------------------------------------
BlackBerry® DevCon Americas, Oct. 18-20, San Francisco, CA The must-attend event for mobile developers. Connect with experts. Get tools for creating Super Apps. See the latest technologies. Sessions, hands-on labs, demos & much more. Register early & save! http://p.sf.net/sfu/rim-blackberry-1 _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
------------------------------------------------------------------------------ BlackBerry® DevCon Americas, Oct. 18-20, San Francisco, CA The must-attend event for mobile developers. Connect with experts. Get tools for creating Super Apps. See the latest technologies. Sessions, hands-on labs, demos & much more. Register early & save! http://p.sf.net/sfu/rim-blackberry-1 _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
Ammar Yasir a écrit :
On Sun, Aug 7, 2011 at 5:24 PM, Ammar Yasir <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>> wrote:
On Sun, Aug 7, 2011 at 5:03 PM, Tyron Madlener <tyronx@gmail.com <mailto:tyronx@gmail.com>> wrote:
On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>> wrote: > Hi, > > I guess there is no inbuilt panning feature available for Highcharts yet. I > also looked around in the Highstock demos (which has pan feature) on whether > we can use the feature from there. The problem is that the zoom feature in > Highcharts uses the click and drag mouse wheel event, so we cant use those > events for pan as Highstock does. If we want to have a pan feature with > inbuilt zoom of Highcharts, we would have to use a button panel or similar. > Otherwise write our own zoom and pan feature? >
What about that code snippet I wrote to you? (http://jsfiddle.net/HXUmK/5/) That seems to work really well.
Yes I'm integrating it. Will see how it works out.
Hi,
I considered the snippet Tyron suggested (and pushed my work). It wasn't working really well so I changed the equations for setting of axis extremes. The mousewheel zoom works okay but the panning feature I'm not fully convinced. The logic seems to be right (readjusting the axis extremes on mouse drag position) but it seems to very sensitive. I'll try to look more into the panning but in my opinion the inbuilt zoom feature works better than this.
Ammar, I tried commit ed98d7ead90a73e64602ee20621d54f0b33f39dc: I zoomed in with the mouse and when I try panning, sometimes it zooms at the same time. This is unfortunate because after zooming, we really need to be able to pan. P.S. in this commit, why did you move js/date.js under js/jquery/date.js? -- Marc Delisle http://infomarc.info
On Mon, Aug 15, 2011 at 10:25 PM, Marc Delisle <marc@infomarc.info> wrote:
Ammar Yasir a écrit :
On Sun, Aug 7, 2011 at 5:24 PM, Ammar Yasir <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>> wrote:
On Sun, Aug 7, 2011 at 5:03 PM, Tyron Madlener <tyronx@gmail.com <mailto:tyronx@gmail.com>> wrote:
On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>>
wrote:
> Hi, > > I guess there is no inbuilt panning feature available for Highcharts yet. I > also looked around in the Highstock demos (which has pan feature) on whether > we can use the feature from there. The problem is that the zoom feature in > Highcharts uses the click and drag mouse wheel event, so we cant use those > events for pan as Highstock does. If we want to have a pan feature with > inbuilt zoom of Highcharts, we would have to use a button panel or similar. > Otherwise write our own zoom and pan feature? >
What about that code snippet I wrote to you? (http://jsfiddle.net/HXUmK/5/) That seems to work really well.
Yes I'm integrating it. Will see how it works out.
Hi,
I considered the snippet Tyron suggested (and pushed my work). It wasn't working really well so I changed the equations for setting of axis extremes. The mousewheel zoom works okay but the panning feature I'm not fully convinced. The logic seems to be right (readjusting the axis extremes on mouse drag position) but it seems to very sensitive. I'll try to look more into the panning but in my opinion the inbuilt zoom feature works better than this.
Ammar,
I tried commit ed98d7ead90a73e64602ee20621d54f0b33f39dc: I zoomed in with the mouse and when I try panning, sometimes it zooms at the same time.
This is unfortunate because after zooming, we really need to be able to pan.
Yes It is unfortunate because the logic is right in the code. I tried to look it up and its probably due to the way setExtremes() function works. Will look into it more. How about the mousewheel zoom? Is its functioning satisfactory?
P.S. in this commit, why did you move js/date.js under js/jquery/date.js?
I thought all the libraries are in the jquery folder, so I moved this one
also there.
-- Marc Delisle http://infomarc.info
------------------------------------------------------------------------------ uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
Ammar Yasir a écrit :
On Mon, Aug 15, 2011 at 10:25 PM, Marc Delisle <marc@infomarc.info <mailto:marc@infomarc.info>> wrote:
Ammar Yasir a écrit : > > > On Sun, Aug 7, 2011 at 5:24 PM, Ammar Yasir <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com> > <mailto:ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>>> wrote: > > > > On Sun, Aug 7, 2011 at 5:03 PM, Tyron Madlener <tyronx@gmail.com <mailto:tyronx@gmail.com> > <mailto:tyronx@gmail.com <mailto:tyronx@gmail.com>>> wrote: > > On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir > <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com> <mailto:ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>>> wrote: > > Hi, > > > > I guess there is no inbuilt panning feature available for > Highcharts yet. I > > also looked around in the Highstock demos (which has pan > feature) on whether > > we can use the feature from there. The problem is that the > zoom feature in > > Highcharts uses the click and drag mouse wheel event, so we > cant use those > > events for pan as Highstock does. If we want to have a pan > feature with > > inbuilt zoom of Highcharts, we would have to use a button > panel or similar. > > Otherwise write our own zoom and pan feature? > > > > What about that code snippet I wrote to you? > (http://jsfiddle.net/HXUmK/5/) > That seems to work really well. > > Yes I'm integrating it. Will see how it works out. > > Hi, > > I considered the snippet Tyron suggested (and pushed my work). It wasn't > working really well so I changed the equations for setting of axis > extremes. The mousewheel zoom works okay but the panning feature I'm not > fully convinced. The logic seems to be right (readjusting the axis > extremes on mouse drag position) but it seems to very sensitive. I'll > try to look more into the panning but in my opinion the inbuilt zoom > feature works better than this.
Ammar,
I tried commit ed98d7ead90a73e64602ee20621d54f0b33f39dc: I zoomed in with the mouse and when I try panning, sometimes it zooms at the same time.
This is unfortunate because after zooming, we really need to be able to pan.
Yes It is unfortunate because the logic is right in the code. I tried to look it up and its probably due to the way setExtremes() function works. Will look into it more. How about the mousewheel zoom? Is its functioning satisfactory?
Yes.
P.S. in this commit, why did you move js/date.js under js/jquery/date.js?
I thought all the libraries are in the jquery folder, so I moved this one also there.
No, it's only for jquery plugins.
-- Marc Delisle http://infomarc.info
------------------------------------------------------------------------------ uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net <mailto:Phpmyadmin-devel@lists.sourceforge.net> https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
------------------------------------------------------------------------
------------------------------------------------------------------------------ uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev
------------------------------------------------------------------------
_______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
-- Marc Delisle http://infomarc.info
On Tue, Aug 16, 2011 at 12:42 AM, Marc Delisle <marc@infomarc.info> wrote:
Ammar Yasir a écrit :
On Mon, Aug 15, 2011 at 10:25 PM, Marc Delisle <marc@infomarc.info <mailto:marc@infomarc.info>> wrote:
Ammar Yasir a écrit : > > > On Sun, Aug 7, 2011 at 5:24 PM, Ammar Yasir <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com> > <mailto:ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>>> wrote: > > > > On Sun, Aug 7, 2011 at 5:03 PM, Tyron Madlener <tyronx@gmail.com <mailto:tyronx@gmail.com> > <mailto:tyronx@gmail.com <mailto:tyronx@gmail.com>>> wrote: > > On Sun, Aug 7, 2011 at 8:17 AM, Ammar Yasir > <ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com> <mailto:ammaryasir.88@gmail.com <mailto:ammaryasir.88@gmail.com>>> wrote: > > Hi, > > > > I guess there is no inbuilt panning feature available
for
> Highcharts yet. I > > also looked around in the Highstock demos (which has
pan
> feature) on whether > > we can use the feature from there. The problem is that
the
> zoom feature in > > Highcharts uses the click and drag mouse wheel event, so we > cant use those > > events for pan as Highstock does. If we want to have a
pan
> feature with > > inbuilt zoom of Highcharts, we would have to use a
button
> panel or similar. > > Otherwise write our own zoom and pan feature? > > > > What about that code snippet I wrote to you? > (http://jsfiddle.net/HXUmK/5/) > That seems to work really well. > > Yes I'm integrating it. Will see how it works out. > > Hi, > > I considered the snippet Tyron suggested (and pushed my work). It wasn't > working really well so I changed the equations for setting of axis > extremes. The mousewheel zoom works okay but the panning feature I'm not > fully convinced. The logic seems to be right (readjusting the axis > extremes on mouse drag position) but it seems to very sensitive.
I'll
> try to look more into the panning but in my opinion the inbuilt
zoom
> feature works better than this.
Ammar,
I tried commit ed98d7ead90a73e64602ee20621d54f0b33f39dc: I zoomed in with the mouse and when I try panning, sometimes it zooms at the same time.
This is unfortunate because after zooming, we really need to be able to pan.
Yes It is unfortunate because the logic is right in the code. I tried to look it up and its probably due to the way setExtremes() function works. Will look into it more. How about the mousewheel zoom? Is its functioning satisfactory?
Yes.
Hi, I improved on the panning feature. It no longer has a 'zoom' side-effect associated with it. The endonTick and startonTick options were causing problems and rounding the axis min/max to nearest tick I suppose. I also added a custom reset zoom functionality, it is very similar to the inbuilt 'Reset Zoom'. Whenever we call the setExtremes() method the link is displayed and is kept hidden in the original display settings(zoomRatio = 1, no Pan).
P.S. in this commit, why did you move js/date.js under js/jquery/date.js?
I thought all the libraries are in the jquery folder, so I moved this one also there.
No, it's only for jquery plugins.
Reverted
-- Marc Delisle http://infomarc.info
------------------------------------------------------------------------------
uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net <mailto:Phpmyadmin-devel@lists.sourceforge.net> https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
------------------------------------------------------------------------
------------------------------------------------------------------------------
uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev
------------------------------------------------------------------------
_______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
-- Marc Delisle http://infomarc.info
------------------------------------------------------------------------------ uberSVN's rich system and user administration capabilities and model configuration take the hassle out of deploying and managing Subversion and the tools developers use with it. Learn more about uberSVN and get a free download at: http://p.sf.net/sfu/wandisco-dev2dev _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
Ammar Yasir a écrit :
> Ammar, > > I tried commit ed98d7ead90a73e64602ee20621d54f0b33f39dc: I zoomed in > with the mouse and when I try panning, sometimes it zooms at the > same time. > > This is unfortunate because after zooming, we really need to be able > to pan. > > > Yes It is unfortunate because the logic is right in the code. I tried to > look it up and its probably due to the way setExtremes() function works. > Will look into it more. How about the mousewheel zoom? Is its > functioning satisfactory?
Yes.
Hi,
I improved on the panning feature. It no longer has a 'zoom' side-effect associated with it. The endonTick and startonTick options were causing problems and rounding the axis min/max to nearest tick I suppose. I also added a custom reset zoom functionality, it is very similar to the inbuilt 'Reset Zoom'. Whenever we call the setExtremes() method the link is displayed and is kept hidden in the original display settings(zoomRatio = 1, no Pan).
About panning: indeed it seems to work well. About zooming: please confirm that now, zooming can be done only via mousewheel. If so: - you should update "How to use" - how do I proceed to zoom a particular area? selecting the area gave me a better control over which area I want to zoom -- Marc Delisle http://infomarc.info
On Fri, Aug 19, 2011 at 5:45 PM, Marc Delisle <marc@infomarc.info> wrote:
Ammar Yasir a écrit :
> Ammar, > > I tried commit ed98d7ead90a73e64602ee20621d54f0b33f39dc: I zoomed in > with the mouse and when I try panning, sometimes it zooms at
the
> same time. > > This is unfortunate because after zooming, we really need to be able > to pan. > > > Yes It is unfortunate because the logic is right in the code. I tried to > look it up and its probably due to the way setExtremes() function works. > Will look into it more. How about the mousewheel zoom? Is its > functioning satisfactory?
Yes.
Hi,
I improved on the panning feature. It no longer has a 'zoom' side-effect associated with it. The endonTick and startonTick options were causing problems and rounding the axis min/max to nearest tick I suppose. I also added a custom reset zoom functionality, it is very similar to the inbuilt 'Reset Zoom'. Whenever we call the setExtremes() method the link is displayed and is kept hidden in the original display settings(zoomRatio = 1, no Pan).
About panning: indeed it seems to work well.
About zooming: please confirm that now, zooming can be done only via mousewheel. If so: - you should update "How to use" - how do I proceed to zoom a particular area? selecting the area gave me a better control over which area I want to zoom
You need to zoom in to a certain level of detail. You can then use panning to move around and explore the plot. That way you can zoom into a particular area. I agree that the earlier inbuilt zoom where we could select an area to zoom was better. Its effectively a zoom and pan functionality combined in one. In my opinion, if we use the inbuilt zoom then including a separate panning feature is not that necessary.
-- Marc Delisle http://infomarc.info
------------------------------------------------------------------------------ Get a FREE DOWNLOAD! and learn more about uberSVN rich system, user administration capabilities and model configuration. Take the hassle out of deploying and managing Subversion and the tools developers use with it. http://p.sf.net/sfu/wandisco-d2d-2 _______________________________________________ Phpmyadmin-devel mailing list Phpmyadmin-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/phpmyadmin-devel
participants (4)
-
Ammar Yasir -
Ammar Yasir -
Marc Delisle -
Tyron Madlener