Newest highcharts Questions

Q&A for professional and enthusiast programmers

Placement of column ranges on xAxis with Highcharts

I am having troubles with a strange behavior of my columns in Highcharts JS. It is displaying my columns as so: It is indeed cropped on both extremes. My chart has the following options: chart: { ...

How do you get a colorByPoint appearance in Highcharts without coloring all the bars in a group the same color?

I am trying to use the colorByPoint option as this is more or less what I want, however I have a dual bar graph with two bars per section and I want to color them each a different color based on the ...

Highcharts display barchart locally (localhost) but not online (web host)

I use Highchart js to display bar chart from MySQL database using PHP. This thing works perfectly on my computer while coding it. But it doesn't when I host the files online. Database connection: ...

Latest Highstock version omits some Data using the navigator

in the latest release of Highstock (maybe it was before as well) there is an issue with the navigator. As soon as I move the Navigator on the right side the chart omits some data. Try it here: First ...

Need to set html overlay dynamically using highchart

This is my code, where i am trying to create pie highchart and after on view load i want to set html by position of highchart dynamically. I have attached the image in which there some html elemnts ...

Unable to show loading image before display in highcharts

I would like to show loading image before the displaying the chart. But my script shows the loading image anytime new data series is set. jsfiddle.net/smylla/xLr8x0ee/1/

Highstock Range Navigator Inputs From->To

I have trouble with the input fields for the range navigator. They have an ugly overlay everytime I click into them. It´s ok in Chrome but in Internet Explorer it´s even worse. Is there any way to ...

Highcharts “undefined is not an object” error

I saw other related posts but I am unable to locate an answer, so I am revamping this topic. I have been using highchairs for over 2 months until today, with no problems. Today i get the error ...

Gauge highcharts is not resize with ionic 2

I have made this far but i am not able to make it responsive(resize) as it is fixed on same width and height on even window resize. I have tried to some bootstrap module but still i am facing the ...

Highcharts chart doesn't show all data points in X axis

This Highcharts chart is an area with three data points showing a time series. The X axis shows only the first two dates, how to make the third appear? Javascript var settings = { "chart"...

How to generate word chart using Highcharts

I need to generate a word chart which looks similar to the image attached. All the words used in word chart are related to each other. Based on data each slice should have a distance from the center. ...

How to do a Highchart who display usage / hours

I'm trying do to a Highchart that display in real-time the memory usage of a container. I want to have on Y axe the memory usage (30M, 28M ...) and on the X axe the time when it was readed. So in my ...

Highchart bar chart, stack start from +ve and end on -ve value on y-axis

I am working on plotting the bar chart using highcharts and I have following use cases those needs to plot in same chart. 1. Input - Green: 100, Red: -100 and Gray Transparent: 0 Expected Output: no ...

How to combine bars in Hightcharts

I'm using Highcharts and I have chart looks like this one: Is there a way to combine each bars in the line into one? It shows few bars that overlap. Image of chart: I want to combine them, to just ...

Highcharts producing bizarre stroke seemingly at random on pie chart labels

I'm modifying the font on the chart labels but there seems to be a stroke applied to some of the labels and not to others. I have broken the chart down to a very minimal version and the stroke is ...

Update Chart Colors When Using Styled HighCharts Version

Under v5+ of HighCharts we are given the option to use 2 versions. One version works just like the v4 and below where styling and chart logic are wrapped up together. The other version is new to v5 ...

Is it possible to dynamically refresh a HighCharts drilldown?

I want to refresh a HighCharts Drilldown. In order to this, I have setup a series and drilldown in the usual manner. The code to fill the first level of the drilldown is fine, but the second level ...

Using Highcharts display donut hightchart having dynamic data

I am new to the highcharts. I am using donut highchart where in the below provided link we can get the static data http://jsfiddle.net/gh/get/jquery/3.1.1/highslide-software/highcharts.com/tree/...

Highcharts does not load my data properly

I've tried several types of outputs. What I already have is: JSON Output: ["[Date.UTC(2015,6,13,16,41,05), 3]","[Date.UTC(2015,7,15,16,41,05), 1]","[Date.UTC(2015,8,18,16,41,05), 4]","[Date.UTC(2015,...

Highcharts series from array of arrays in PHP SQL

After a long period of study and tests I was finally able to draw a chart with an array received as JSON from a PHP file which reads an SQL. Now the question become more complex; the pactical goal is ...

How to output date in this format: Date.UTC(2016,06,06,13,13,13)

I've some data from an AJAX call. One of the parts is date. I need the date to be printed in this format: Date.UTC(YY,MM,DD,hh,mm,ss) I tried this: var jsonDate = field.substr(1, field.indexOf(',')-...

Highmaps drill down map select event

I managed to create a map of Norway using 'Highmaps' (http://www.highcharts.com/maps/demo) with Counties and when it select a county it will drill down to the municipalities. I need to catch the ...

How to set pie chart wedge colors based on wedge values for highcharts?

I'm building a pie chart in Highcharts: http://jsfiddle.net/y3j8ybrg/ I want to be able to set the background color of each wedge based on the value of the data that wedge represents. The API ...

How to create js.Array inside js.Array in scalaJS for highcharts as specified in the documentation?

I am working with highcharts in scalaJS. I want to create such [ [0, 1],[1, 2],[2, 8] ] JS array in scalaJS (basically 2D array) What kind of parameters can be passed can be seen in this documentation ...

Highcharts stacked column: show total when a stack is hidden

I have a stacked column chart with three stacks per column. See https://jsfiddle.net/Lfvnraqd/1/ The tooltip shows the numbers for the individual stack as well as the total of all three stacks (i.e. ...

Horizontal crosshairs for multiple series

It seems like when I enable crosshair for the yAxis, only the last series defined get a crosshair. I would like all of them to be crosshaired. (.. and I would love if they also had the color (or ...

highchart combine pie and spiderweb

I'm trying to create a pie chart with a spiderweb on top. I'm not sure how to do it with highchart. This is what i would like to end up with using highchart The problem with the current solution ...

stack chart rendering query

This is my Highchart rendering code but when I try to render, It is more like a line chart rather than a Stacked Chart. Can Anyone please suggest me where am I going wrong? chart: { renderTo: '...

angular 2 Highcharts Stock Chart differences

I am implementing HighCharts to display stock data, However I am not getting as many options on my chart as they do on their plunkr, here is what I get on my application Notice the differences... ...

Highcharts: How to remove the space between bars/columns when value is 'null' or 0

I hava a test http://jsfiddle.net/ongpa4f5/ I set the value 0 , The tooltip will be show a item "xxxx:0", so I changed 0 to null, When the value is null or 0 The X will be found a space. How to ...

Movable vertical line with mouse over in Highcharts

to find averages of left side graph and right side graph while moving that vertical line please help me with proper approach or with any plugins

Highchart draw rows at bottom of the chart align with axis

See the attached image. So basically What I need is to draw rows with the chart. Like in image below, I want to show temperature on the chart as a line and snow/rain on the rows aligned with the axis. ...

Unable to set gape in Gauge Highchart

I have tried and came this far, but still not able to implement as per requirement. var chart = new Highcharts.chart('container', { chart:{ type:'gauge', backgroundColor:'#...

HighCharts reset zoom is slow

I am using highchart to plot around 10000 datapoints with zooming. Everything works fine but some features are slow espicially zoom-in option. When I click on reset zoom , I can actually see the graph ...

in highstock, how to make the vertical line indicates the data for flag and remove tooltips

I use highstock to draw a chart and add a report a flag. { type: 'flags', showInLegend: true, ...

Timeline / Schedule in highcharts

Is there a way to do a timeline / schedule in HighCharts that looks similar to this? https://developers.google.com/chart/interactive/docs/gallery/timeline#an-advanced-example. I found http://jsfiddle....

How to properly set the pointinterval of a graph

I'm trying to adjust the grid and labels of my graph based on the scale of the dates on the x axis in my chart. For example, I want the grid to show 4 weeks when the scale of the x axis is less than a ...

Highcharts Align HTML Right when Window Resized

I have added custom text to a chart. The chart is fluid and adjusts it's size when the browser window is resized. Is there any way that I can set the "Monitored Systems" and "Vulnerabilities" ...

How to load more than on CSV file in highcharts?

I'm trying to make a plot in highcharts, incorporating variables from 2 CSV files. I made an attempt based on these examples: load multiple csv files (correct order) in one chart and load data in ...

How to zoom to left edge of the current range in Highstock

Take the official demo for range selector as an example. http://jsfiddle.net/gh/get/jquery/3.1.1/highcharts/highcharts/tree/master/samples/stock/rangeselector/allbuttonsenabled-true/ When selecting ...

Highcharts - Rendering data table with chart from CSV - Cannot get Categories to show

I'm trying to modify the example provided in this Fiddle (http://jsfiddle.net/highcharts/z9zXM/) by pulling the data from a CSV file. The trouble I'm having is getting the table to display the first ...

using highcharts inside md-grid-tile

I need use high charts inside the md-grid-list and md-grid-tile in angular 2. I tried with this script below <md-grid-list cols="3" [rowHeight]="600"> <md-grid-...

Center text in Highcharts' bubble chart's data labels

I am working with Angular 2 and ng2-highcharts library. This is what I have: http://jsfiddle.net/jzawgwef/3/ I want to center the text inside the bubble. I have tried to add style inside dataLabel ...

Highcharts - Column/bar chart with target lines

Using highcharts, what would be the best way to implement target lines over a column or bar chart? (Also known as target vs goal) Found this picture from a similar d3.js thread as an example: I'm ...

Highcharts bars are half missing after drillup

I am loading a bar chart with dynamic data. On clicking any bar it drills down to line chart made from dynamic data. Problem is when I click on Back button, bars are not showing properly. They cutting ...

Dompdf export highcharts to PDF

I need to export a web in which contains an iframe with a graphic of highcharts, then with dompdf I want to export both contents." <html> <head> <title></title> </head&...

Unable to get width of <rect element of <svg

I am trying to access last "rect" so that I can get its width and height. I tried following jquery $(".highcharts-plot-background").width() but all I get in answer is 0. Also tried to use $("....

High Chart multiple axis with different type of values in each axis

I have a high chart date time x axis graph.Date time is plotted on x axis.I want to show another axis below x axis which need to show integer values(ie another field value that is set as categories of ...

no data module with multiple series in highcharts.js

I am using highcharts.js to display line chart with multiple series dynamically from servlet .I am storing the series data in arrays and traversing them as follows: series: [{ ...
Translating... 0%