How to a show a block between two points in highchart - highcharts

I have to implement a feature which is to show a bar from A to B in highchart.
What I want to do is to for any two given points, I need to add a red bar. For example: show a red bar between A(10:25) to B(10:35).
I failed to find any answer online, does anybody know how to do that? Thanks.

I found arearange can solve the problem.

Related

Dynamic Vaadin chart

Is there a way to modify a Vaadin chart by moving a bar or a point from the chart itself? i.e. I have a bar chart with a certain value in one of the bars, I want to get a new value by dragging that bar to that new value.
There is something similar in this example, that is why I wonder if it is possible to extend this option to something like what I need.
Thanks!!!!
I assume that vaadin uses Highcharts if this is the case, maybe you can use plugins, if so I recommend:
http://www.highcharts.com/plugin-registry/single/3/Draggable%20Points
Source code in case you had to rewrite it:
https://rawgit.com/highslide-software/draggable-points/master/draggable-points.js
Regards.

disable legend resizing of chart

Does anyone know the setting in highcharts (I've looked through the API but I can't seem to find it - maybe looking in the wrong place?) where I can disable the chart's ability to resize when I click on a legend item?
http://api.highcharts.com/highcharts#legend
If there are two lines on the graph, and toggle off one of them on the legend, the graph resizes to show the one line full sized. I want to prevent this functionality.
There actually is a simple solution to this provided for by the API:
chart: {
ignoreHiddenSeries: false
}
I'm pretty sure this is the behavior you desire.

Is it possible to showcase legends for g.raphael bar chart?

I have been working with g.raphael graphs lately,but couldn't find a solution to a particular problem where i want to show bar chart legends outside the bar chart(like one that is available in google graphs),am talking about legends here,not labels,can anybody please help me out?

When I click on first pie on the page, the second appears, but then I cannot do anything with the first

Like stated in the title, I got the problem when I click on some slice of pie. I call function, which displays hidden div with the second pie. It appears correctly, but then I cannot click on that first pie and even tooltips are not displaying. And the second pie is all black, but that is the lesser problem, I think... Thanks for advices in advance!
Here's your fiddle with my changes: jsFiddle.
To fix hover and click events on first chart, I've deleted position: relative of second container.
To fix issue with black colors, I moved colors declaration into Highcharts.Chart({...}). Otherwise, you'll re-rewrite Highchart colors while creating the second chart.

how to change color at "#"positon

I'm trying to find how to realize the effect that like twitter,when click #Xoangle the Xoangle will change color and have a click event.
I searched and someone told me add an UIbutton at # postion.
but how should I get the exactly postion of #?and I want to know is that right direction that I try to use UIbutton to replace #,can it realize?or there are other ways.
thank you for your time to ask my low level question,highly appreciated.
I think you can have a look at OHAttributedLabel: https://github.com/AliSoftware/OHAttributedLabel , it can work for you very well .

Resources