Master-detail chart with Navigator - highcharts

Can I use the Navigator from a Highstock chart in a Highcharts Master-Detail chart?

To add Navigator it requires Highstock license. What is the purpose of using master detail chart with navigator? It's similar functionality. However, here is an example of this:
http://jsfiddle.net/f7pmW/
Put in createDetail() function:
new Highcharts.StockChart(...);

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.

Vaadin Charts and drilldown

I have a project where the data in the main chart is represented as a bar chart and the data in a drilldown should be line/area/column chart.
Is this possible?
You can manipulate your logic.
Use the click events on the chart and then open a new window with the new charts you want.
Example of chart click event:
https://demo.vaadin.com/charts/#DateAxisAndClickEvent

Vaadin charts and table sync

Is it possible to get the distance between bars in a vaadin bar chart and in a parallel table, sync the table or treetable row heights to match?
Thanks!
Use this Gantt chart add-on for Vaadin.
Here's a demo that you can check its core capabilities.
And here is its source code.

highcharts context menu hidden for small charts

I am migrating a dashboard type screen to highcharts and would like to use the default context menu (for exporting various image formats and printing the chart).
The problem is that a lot of these charts are small gauge type charts and the context menu gets hidden when charts get below a certain size, mainly due to the fact that the context menu appears above the button for small charts size.
Is there anyway to make the context menu always appear below the button? I know I can limit the options and this will solve the problem but I would ideally like to use the default options list. Also I don't really want to have to calculate positions and move it myself.
See jsfiddle
see code at jsfiddle
Add the following styles to the context menu.
.highcharts-contextmenu {
bottom: auto !important;
top: 5px;
}
FIDDLE
Not sure if it would work for your situation, but have you considered using their pie chart with the legend at the bottom?
http://www.highcharts.com/demo/pie-legend

Highstock navigator add drag-end event

Is it possible to add a drag-end event on the navigator handles? Because I would get the actually navigator selection from a chart
Take a look on official highstock demo. You need to hook a setExtremes event on xAxis, and check for (event.trigger == 'navigator').
Hope this helps.

Resources