I’m using highcharts-react-official version 3.0.0 and highcharts version 8.1.2 in my web application. My problem is that the user can’t scroll the page, using the mouse wheel, when the mouse cursor is positioned on a column chart. My page is full of charts, so in order to scroll, the user has to b…
Tag: highcharts
Creating bell curve chart with xData in Highchart
I’m creating a chart with Highchart library and I have a set of data like this: [x,y], with x: value and y: occurrence. I tried to use this to present normal distribution line but it uses yData to calculate instead of xData. Does anyone have any ideas to solve this? jsfiddle link: https://jsfiddle.net/L…
Need some help in creating this graph using Angular libraries
enter code hereChartenter image description here Need some help in creating this graph using Angular libraries. I’m using Angular HighCharts but not able to create the graph Visit https://jsfiddle.net/6Lbvrwmf/2/ Answer Your example is not a standard one and will need some workarounds. I’m not sur…
How to add new aggregation to xAxis by using highcharts?
I just started to use highcharts-vue. I can basically create most of the charts, but I want to add new aggregation on my column chart’s xAxis like ElasticSearch. Here is the screenshot my chart: And ElasticSearch chart: As you can see I have one data for my xAxis which is categories, but I want to add n…
How to export highcharts graph and send it by email?
I’m ussing highcharts in my project and I’m abit new in that. My problem is that how to get a capture of my chart and then send it by email? for email sending I’m ussing PHPMailer, the email works correctly. I searched in highcharts documentation they propose node export-server, but there is…
Change Year-month to Month(letter)-year format in JavaScript
I have a dataset with date format as var dataset = [{ “monthDate”: “2018-05”, “count”: 83 }, { “monthDate”: “2018-06”, “count”: 23 },…..] I wish to change this to ‘May-18’, ‘June-18’ and so on and pass this d…
Highmaps js, on Hover display additional data
I’m working with the map of Paraguay. I added an input select to select different years and the maps changes according to my selection. The thing is, my data always comes in this format: With the help of this function I’m able to switch the values for the map according to selection and change the …
Highcharts JS remove tips & squared legends for linear chart
TL;DR – want my highcharts chart to look the same as Shopify’s I’m trying to achieve two things that I have found no answer for in the docs, literally tried everything I want to remove the gridlines tips that are being rendered for each entry Have the legend symbol be a square (I have tried …
How to add text on every section edges in funnel highcharts
With help of my previous question, I’m able to set equal heights for all the sections to the funnel. How can I add some extra texts to the edges(right) of every section. I did not find any documentation for this. My expected funnel chart as follows: jsfiddle Example: https://jsfiddle.net/kiranuk/xhfbyj6…
Set equal height for funnel highcharts
I’m new to HighCharts. I have created a funnel with the below script jsfiddle: https://jsfiddle.net/kiranuk/bavLxzrp/ How can I set equal heights for all the sections?. Thanks for the help. Answer A height of a section is calculated based on data. If you want to have equal sections, you can provide mock…