How to implement xAxis drilldown upon clicking an item on the chart? - javascript

I'm currently working on High Charts
Currently, each chart has its own drilldown! However, what I want is to implement a multiple series drilldown. For instance, in the first container - it has 2 charts (1 line chart and a column chart) - and when I click a bar, it'll drilldown together with the line chart.
It's the same as when you click the xAxis, both the bar and line chart will drilldown. How can I do this?

Related

How do i hover over a chart to display a tooltip on all the other charts with their own data in d3.js?

I'm using D3.js with ReactJS my goal is to hover over one chart and display a tooltip on all the other charts with their own data.
The problem is the tooltip displays the data of the same hovered chart in all other charts.
The problem is in this file: ChartComponents/Tooltip.js.
This is the actual result multiline-chart-tooltip-acoss-all-charts

Ghost line drawing over the top of chart in Highcharts

In react-jsx-highcharts, when all series are off toggled off via the legend, but one is toggled back on, if the chart data updates at the same time, a "Ghost" line draws across the graph. Is there an option in the Highcharts API to prevent this from happening?

Highchart: Bar chart showing duration between events

I need to create a chart that shows a series of events (see image, in this case 6) that have a duration of time between them.
I've been able to approximate this with a sankey chart and curveFactor:0, but I can't seem to adjust the space between each node.
Is there some way I can achieve this? It doesn't have to be sankey chart. I can use anything in the Highcharts library. I'd also considered a stacked bar chart but ran into another set of issues.

Is it possible to make multi-axis barcharts for AngularJS nvD3

I am trying to build a bar chart using AngularJS nvd3 with multi axis each for grade and year of a student. sofar using ndv3 library i can make upto only single axis grouped bar charts as shown in fig 1
barchart with single x-axis display:
But I need to add another axis for grade on top of this. Is it possible with nvd3 built in library?
expected bar chart with grouped multi-line x-axis display

how to add plot bar on Angular nvD3 Chart

I need to add a simple line bar on angular nvD3 chart to display an event on time serie. like on this screenshot:
http://i.imgur.com/XsmfOXe.jpg
Does anyone know how to do that or to add plot bands?
Thank you for help

Categories

Resources