I am using D3 and Highstocks to produce a set of linked trends. I have produced a radar chart in D3 with a HTML5 range slider allowing you to travel along the timeseries.
My html5 range slider has the date value in milliseconds.
I can highlight the points in Highstocks like this:
vibChart.highcharts().series[0].data[index].setState('hover');
vibChart.highcharts().series[1].data[index].setState('hover');
vibChart.highcharts().series[2].data[index].setState('hover');
vibChart.highcharts().series[3].data[index].setState('hover');
vibChart.highcharts().series[4].data[index].setState('hover');
But I would also like to display my shared tooltip for all the series. How can I do that?
I tried this:
vibChart.highcharts().tooltip.refresh([vibChart.highcharts().series[1].points[index]]);
Related
I'm trying to get a label to show on a google sheets scatter plot when I hover over the data point. Currently I can only see the number of the data point, rather than the text label label in the column to the left.
I've been able to attach the text labels permanently to the points using 'Add Labels' on ChartEditor>Setup>Series, but the labels are to long to display permanently on the graph.
If theres no way of doing this in sheets, maybe its possible in Excel?
Having some issues with the rendering of the navigator in gantt chart.
First on initial rendering it shows a range from like 1970 to 2017 (end date in this chart)
Then if I collapse a node, then it sets its date range correctly and the range stays correct thereafter.
Note that I added min and max values to the xAxis just to make sure that the range was fully set.
So that is correct but the content isn't as expected, where I'm trying to emulate the base example and show a mini gantt. My content is:
I originally had a yAxis like in the example but getting essentially the same results.
I am using HighStock for comparative analysis, where it shows same number of series during different time periods, as shown in this fiddle.
It has multiple x and y axes. when I move mouse over the chart, it shows series wit value at mouse current location.
Problem:
Problem in this chart is, tooltip do not show values of all series, but a few and those series change in tooltip window. I want tooltip to show all series with corresponding or nearest point value at mouse location.
Another problem is with navigator, navigator is showing only dates corresponding to first x-axis it should show dates of all axes, stacked one above the other(like in chart),
Moreover, when I minimize the navigator window, it shorten only first x-axis but not all, I want it to shorten all x-axes. The said issue can be observed in following image.
I was trying candlestick chart using highchart ( highstock ) and find out that when I increase/decrease Navigator in candlestick chart the width of candlestick get changed. Sometime it display high, open, close and low for one hour interval whereas sometime it is displaying for month. I would like to grab these dynamically changed candlestick width ( not the pixel width but the real time interval) and display them in the chart title. Is there anyway I can get these information and update them dynamically in chart subtitle?
http://www.highcharts.com/stock/demo/candlestick
Thank You
What you are seeing are the effects of plotOptions.series.dataGrouping (API Reference) where the data is grouped and values are approximated to display the data faster. If you look at the example for units on the above linked page you'll find that you can determine and set what those groupings are. The grouping isn't truly dynamic, it's predefined.
I can't seem to show the series with empty data into my highcharts. I have some check-ins in a graph for each of the 7 weekdays. But when a day doesn't have data, it's hidden. What I would like to do is show the label of the empty serie on the x-axis (print the weekday name). I tried to populate my data with null values, using different options for highcharts, ...
I also can't set the color for the columns, I tried setting it to gray but that doesn't work.
Here's a demo in JSFiddle
You can set min and max for yAxis, instead of minPadding and maxPadding, take a look: http://jsfiddle.net/tgZcc/21/