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
Related
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.
I would like to add a legend dynamically after chart creation.
This legend doesnt have any relation with a series/point, so I dont want to put it into my chart data.
I want to have this legend to implement its click myself.
I know how to handle legend click events.
My question is how to add a new legend to legendsTable?
Thanks in advance.
I would like to include a Highchart graphic in a reveal.js presentation. The chart integrates fine, but the chart animation (e.g. growing of bar charts) plays while the "slide" is not visible yet.
How can I force an animation "refresh" when the slide changes?
Thanks for your help!
One way is to simply create the chart again when you want the animation to start.
I'm not an expert on Reveal.js, but it looks like you have an event when a slide is changed which you could use to redraw your chart to animate it:
Reveal.addEventListener( 'slidechanged', function( event ) {
redrawChart();
} );
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(...);
How do I create a simple chart with a single horizontal bar. Xaxis is time and yaxis is one category named execution. I want to show a chart that shows a bar during the times when I have state executing and for states in between I want to display a blank in the same horizontal bar.
What you are looking for, I think, is a Gantt chart. Check out this example: http://jsfiddle.net/highcharts/KNGba/. It is a basic chart with just one element. Now check out this one: http://jsfiddle.net/highcharts/r6emu/. This shows you events during a time line.