Highcharts nearest point tooltip not show due to undefined series - javascript

On the previous question I've asked awhile ago
Highchart tooltip show nearest point
I just noticed there is a weird problem happens when implementing the bubble or scatter chart. The chart display correctly but the tooltip won't show, open the console log and mouse hover around the chart and the follow error occurs
Uncaught TypeError: Cannot read property 'series' of undefined
I tried to solve it by detect if chart variable is undefined then do process anything but it still doesn't work.
JSfiddle : https://jsfiddle.net/ittikorns/ygscLp3h/1/

As described by #Halvor Strand, you have just one point, so you should be using shared option. However, it won't work, because Highcharts forces scatter and bubble series to use non-shared tooltip.
Instead, very helpful method Highcharts.splat() will make an array (with just one point) in case when you have an object, take a look: https://jsfiddle.net/o6drjwef/ - the good thing is that splat() doesn't change anything if an array is passed as an argument.
Snippet:
points = Highcharts.splat(args[1]),

Related

Access/Manipulate Points on NVD3 Line Chart

I want to access the points of an NVD3 line chart independently, so I may hide/show them selectively, and pass them metadata to display in their tooltips.
I have a chart with an X-axis showing hours, 0-24. I wish to be able to selectively hide/show point markers at only select hours, to indicate some type of event has occurred at that time.
I am looking for a way, preferably, to get all the points as an array, iterate through them, determine if they should be hidden or shown, and manipulate their colour, and metadata for their tooltip.
I don't see any examples of being able to select all the points, but I know there must be a way.
Thanks for your help!

How to implement two highcharts response related with same trigger

I have a new requirement, that one page contains several highcharts.
And when I move mouse on one highchart, tooltips will be shown, and a guideline also will be shown. Maybe it calls trackball. In the same time, another highchart in this page, will also show its tooltips and guideline(trackball).
Just like this, http://jsfiddle.net/highcharts/nhVbs/,
but this is in one series.
Any one do such job before can give me some advise?
I only got one example for similar work.
http://vikinghammer.com/2012/02/02/connecting-highcharts-and-jqgrid-with-trigger-and-bind/
But not understand how he implement it.
When move the mouse to one line chart, two charts will all show the guidelines and tooltips.
Like this demonstrate.

Issue with Highcharts master-slave chart

I Was checking out the possibility of implementing a zoomable line chart using Highcharts something that highstock line chart does and came across this example in the demo. This will really work fine for me but I have seen a issue with the chart that When I select complete data in the smaller chart, the Big chart isn't showing anything.
I Want to know how to fix this issue.
When you play with that example and check the JavaScript console for errors, you'll see:
Highcharts error #12: www.highcharts.com/errors/12
Following that link:
Highcharts Error #12
Highcharts expects point configuration to be numbers or arrays in
turbo mode
This error occurs if the series.data option contains object
configurations and the number of points exceeds the turboThreshold. It
can be fixed by either setting the turboThreshold option to a higher
value, or changing your point configurations to numbers or arrays. See
turboThreshold.
Shockingly enough, if increase or disable the turboThreshold, the problem goes away.
Fiddle here.

KendoUI Dataviz series markers on top of each other

I have been using KendoUI Dataviz for only a short time, and have found I am able to customize it in almost anyway to meet my needs except one. I have two different charts where certain series just happen to have more than one point with the same plots. (dynamic data) I am unable to see all of the tooltips for all of the markers (since they are on top of each other), which means I am also unable to use the seriesClick or seriesHover events on those that are hidden. I have searched Kendo's forums, Stackflow and even Google but can't find anything specifically on the unreachable issue. Kendo's forums mention hiding the tooltip and making a custom one, but I haven't found anything that addressed the fact that some series markers are just unreachable and I need to reach them to use those events. Does anyone have an idea on how I can reach all markers for the series?
I've not been able to figure out a way to show "hidden" data points. I've had to do something similar in the past, and used a custom tooltip template function. In the function I grab the category (x value in my scatter chart sample), and get all matching items from the datasource. Then just put together some sort of list/etc. and return that. You can always go super fancy and make a box with tabs and the whole nine yards to show each dataItem on that particular point.
See sample on jsbin
http://jsbin.com/ONuQUgiY/1/edit

d3 line chart not getting terminated

I am using d3.js along with dc.js and Crossfilter. As seen on the below image, the chart should end on 12/31/2016 as there is no data after that but keeps on going. Probably stuck at the last value. This is only happening in line chart. When I use a bar chart it does not happen.
Is this a known bug? Not sure what else I can do? I copied the configuration exactly from the dc.js example page (composite chart) and applied my dataset.
Found the problem. My dimensions were based on dates and some records had a typo in them. Instead of 2013, it had 2103 which caused the problem.

Categories