How to Add Extra Information in Hover/Tooltip - highcharts

I want to add extra information in hover/tooltip in below shared highcharts links.
Please check and help.
https://www.highcharts.com/demo/line-basic
https://www.highcharts.com/demo/pie-drilldown

Did similar thing by using tooltip point formatter. Added the data as a different property "tooltipData" in series object, and later used it in the formatter and modified tooltip accordingly.
Link: https://api.highcharts.com/highcharts/tooltip.formatter

Related

Do we have undo option in high charts?

Do we have undo option in high charts? For example I have few series on chart and I replaced them with new one. Do I have any option to revert it back?
This is a very general question, but 'undo' in the meaning of a special option is not available from the API.
However, there are many options which can be used for removing old and adding new data. In your example, you can use the remove() and addSeries() methods to achieve that.
Demo:
https://jsfiddle.net/BlackLabel/tyvbk62s/
API References:
https://api.highcharts.com/class-reference/Highcharts.Series#remove
https://api.highcharts.com/class-reference/Highcharts.Chart#addSeries
You can also consider using localStorage as a place for storing chart.options.
Example demo:
http://jsfiddle.net/BlackLabel/9b3cx178/

Create custom Map for Highmaps using Shapefiles and QGIS

I try to create a custom Map with Highcharts – I need german job center districts. I've done it the way it is described here.
I imported the shapefiles to QGIS an created a highcharts map here. But on this way, all information like the name oft he district got lost. Is there a way to keep it? Because there are a lot of districts – I don't want to write all single names by my own.
I was able to generate GeoJSON from the provided shapefile (the one that you provided me with via email) and place it in the JSFiddle boilerplate (http://jsfiddle.net/highcharts/xbzxfx2L/). Empty map displayed without any problems. To add values to the regions and also to display data labels you need to add adequate data and link it to the mapData (more about it in the API link below). I have prepared an example for you. Simply, copy the content of created GeoJSON (generated from the shapefile using QGIS, as described here: https://www.highcharts.com/docs/maps/custom-geojson-maps) to the textarea and click run button. The map with the values should show up. Also, you could try to use map of Germany from our maps collection. It can be found here: http://code.highcharts.com/mapdata/.
API Reference:
https://api.highcharts.com/highmaps/series.map.joinBy
Example:
http://jsfiddle.net/w20e8vja/

Tooltips sometimes appear empty under splite-plot-bands highcharts

I'm testint information from a page with Selenium Webdriver. I have a graphic like this: https://www.highcharts.com/demo/spline-plot-bands
and I'm having a problem when I try to get the info inside of every dot.
You have to know that this type of highcharts, every dot has the same xpath so, it's impossible to reach to different dots. I can only get one info in one dot.
//Click on toolip
WebElement element = driver.findElement(By.xpath(dot));
// action class to click
Actions action = new Actions((WebDriver) driver); action.click(element).build().perform();
String toolTipText = driver.findElement(By.xpath(tooltip)).getText(); if(!toolTipText.contains(example))
sb.append("===> Content error");
The problem is that ramdomly, I get empty info from that tooltips. Sometimes I correctly get the info but sometimes it appears empty. Why? Will it be problem because json call? I don't know what could I do...do you have any ideas?
Thanks so much in advance guys!!
I think you are looking wrong way at highcharts, please refer this highchart docs. Highchart is chart plugin that auto render HTML SVG based on highchart options.
To understand problem with tooltip information, you need to look into highchart series data, point objects. point object is contains information related to each dot in chart.

I want to display graphs and compare them

Display the points at which they merge , I was not able to find any library .....
Displaying any form of charts in iOS can be done in 2 ways.
Using webView to load a html string with the javascript files imported into it.
Using stringByAppendingFormat you can change the data points and refresh the webview.
http://www.fusioncharts.com/blog/2012/02/create-charts-for-iphone-and-ipad-apps-using-fusioncharts-xt/
Using a library to display them Natively. Something like Charts by Daniel Iohen Gindi. It is a bit extensive so just use the line Charts in your case and ignore the others.
https://github.com/danielgindi/Charts
Using the 2nd method (native) will always perform better, but the simplicity of html5 charts make it very easy to implement
To obtain points when lines meet is basically saying when 2 data has the same value. So you can just add an if statement and print the value out or store it as a variable.

Reload data in Amchart

I'm using this library,
https://github.com/ChimpStudios/AmCharts
It works cool, but i didn't find how to reload existing chart. When i call multiple times:
self.mapView.chart = self.map
self.mapView.drawChart()
map disappear or it's color set to black. In original AmChart for JavaScript, object has method validateData, but this method i didn't find in IOS library.
If someone used this library, please help, because in github author not answer.
I'm unfamiliar with this specific library/wrapper, but looking in the repo, it does appear that both chart.validateData() and chart.validateNow() are supported.
Example usage in ChartView.m

Resources