Questions tagged [highcharts]

Highcharts is a Javascript charting library that uses HTML, SVG, and VML. The editor offers both open source/nonprofit and commercial editions of the product.

Highcharts is a charting library written in pure , offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports many chart types, including line, spline, area, areaspline, column, bar, pie, scatter, bubble, gauge and polar chart types (for a full list, see below). Many of the chart types can be combined in one chart. Users can export the chart to PNG, JPG, PDF or SVG format at the click of a button, or print the chart directly from the web page.

The Highcharts library works in all modern browsers, including those for iOS devices (iPhone/iPad) and Internet Explorer from version 6. Standard browsers use SVG for the graphics rendering. In legacy Internet Explorer, graphics are drawn using VML.

One of the key features of Highcharts is that, under any of the licenses, free or not, you are allowed to download the source code and make your own edits. This allows for personal modifications and a great flexibility.

Highcharts is solely based on native browser technologies and doesn't require client-side plugins like Flash or Java. Furthermore, you don't need to install anything on your server, such as PHP or ASP.NET. Just include the highcharts.js file in your webpage.

Setting the Highcharts configuration options requires no special programming skills. The options are given in a JavaScript object notation structure, which is basically a set of keys and values connected by colons, separated by commas and grouped by curly brackets.


###Supported Chart Types Include:

  • Line and Spline
  • Area and Area-range
  • Area-spline and Spark-line
  • Column, Column-range and Bar
  • Pie and Donut
  • Combination(s) of Column, Line and Pie
  • Scatter and Bubble
  • Dynamic and Master-detail
  • 3D and Meteogram
  • Angular Gauge and VU Meter
  • Clock
  • Heat Map
  • Polar chart
  • Spiderweb
  • Wind rose
  • Box plot
  • Error bar
  • Waterfall
  • Funnel and Pyramid chart(s)
  • General drawing

###Resources :


###Related tags

25763 questions
369
votes
6 answers

Removing highcharts.com credits link

I have just purchased highcharts, but the credits link still appears on my graphs which are quite prominent on my site and it distorts the chart view. I assumed I would get an option, so how do I remove it?
user2178935
  • 3,757
  • 2
  • 13
  • 3
131
votes
14 answers

Is there a way to disable the Title and Subtitle in Highcharts?

I'm just going to hardcode it in using html that is around the graph, I don't want to use the built in. I don't see a "disable: true" option in the API. Can anybody help me out here. How do you disable the title / subtitle in highcharts? (if…
D3Chiq
  • 2,153
  • 5
  • 17
  • 20
121
votes
5 answers

Set Additional Data to highcharts series

is there any way to pass some additional data to the series object that will use to show in the chart 'tooltip'? for example tooltip: { formatter: function() { return ''+ this.series.name +'
'+ …
Sam
  • 2,055
  • 6
  • 31
  • 48
120
votes
3 answers

How to get highcharts dates in the x axis?

Is there a standard way to get dates on the x-axis for Highcharts? Can't find it in their documentation: https://api.highcharts.com/highcharts/xAxis.type When my time range is large enough, it shows dates. However, when the time range isn't large…
Jeff
  • 2,778
  • 6
  • 23
  • 27
93
votes
5 answers

HighCharts Hide Series Name from the Legend

I try to solve this problem several times and give up. Now, when I have met him again, I decided to ask for some help. I have this code for my Legend: legend: { layout: 'vertical', align: 'right', verticalAlign: 'top', x: -10, y:…
gotqn
  • 42,737
  • 46
  • 157
  • 243
90
votes
8 answers

How to remove button from Highcharts

I'm creating charts with the Highcharts library and I wonder how to remove the 2 little buttons on the right corner which one you can print and download graphs and I'd like to add a new one. Maybe someone could help me?
tomzi
  • 1,215
  • 1
  • 12
  • 23
90
votes
1 answer

How to create a column range chart in Highcharts using range and navigator functions?

I have a requirement to plot run history of a task in Highcharts. It needs to show that run history of the tasks as a horizontal bar. There are additional requirements which I've added as an update below. Recently I found out that inverted option…
AabinGunz
  • 12,109
  • 54
  • 146
  • 218
88
votes
3 answers

HighCharts - How can I turn off the points?

I'm using HighCharts. Here is the documentation. I would like to turn off those points but at first I do not know how is that called. Therefore I can not turn them off. Do you know how am I able to kill those points?
Lajos
  • 2,549
  • 6
  • 31
  • 38
87
votes
9 answers

How can I get access to a Highcharts chart through a DOM-Container?

When I render a highcharts-chart to a div container, how can I get access to the chart object through the div-Container? I don't want to make the chart variable global. var chart = new Highcharts.Chart({ chart: { …
Manuel
  • 904
  • 1
  • 7
  • 17
85
votes
7 answers

Hide axis and gridlines Highcharts

I am trying to hide the axis and gridlines of my Highcharts chart entirely. So far I have tried to set the width of the lines to 0, but it didn't work out. xAxis: { lineWidth: 0, minorGridLineWidth: 0, lineColor: 'transparent' } Is it…
alex
  • 4,922
  • 7
  • 37
  • 51
82
votes
8 answers

Highcharts chart option backgroundColor:'transparent' showing black on IE 8

Highcharts chart option backgroundColor:'transparent' showing black on IE 8 histogram = new Highcharts.Chart({ chart: { renderTo: 'histogram', defaultSeriesType: 'bar', backgroundColor:'transparent' …
Nikshep
  • 2,117
  • 4
  • 21
  • 30
79
votes
11 answers

How do you change the colour of each category within a highcharts column chart?

I have have a column chart which has a number of categories, each with a single data point (e.g. like this one). Is it possible to change the colour of the bar for each category? i.e. so each bar would have its own unique colour rather than all…
James Hollingworth
  • 14,040
  • 12
  • 39
  • 57
78
votes
4 answers

Highcharts - redraw() vs. new Highcharts.chart

I'm struggling to understand the correct way to update a highcharts chart. Supposing I have rendered a chart, and then I want to update it in some way. For instance, I may want to change the values of the data series, or I may want to enable…
RobinL
  • 11,009
  • 8
  • 48
  • 68
70
votes
8 answers

Proper way to remove all series data from a highcharts chart?

UPDATE: Here's a jsfiddle that shows the problem: http://jsfiddle.net/pynju/1/ Click on the blue column on Monday. When the detail-view loads, notice that 01-07 have 3 columns (expected 2). Click on the tallest bar to go back to the original view.…
Z Jones
  • 2,015
  • 4
  • 23
  • 42
63
votes
3 answers

How to set Highcharts chart maximum yAxis value

I've been trying for two days to find a way to set the maximum value of the yAxis on Highcharts. I got a percentage column graphic, but the highest value in the series is 60, so it adjusts the axis to top at 70, I found a way to choose the start…
bwagner
  • 1,029
  • 1
  • 11
  • 13
1
2 3
99 100