Stack Overflow
Stack Overflow

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
3
votes
0 answers

Highcharts: is it possible to show all data labels in a bubble chart without them overlapping?

I'm building a Highcharts bubble chart and am running into a challenge formatting the data labels. The data will be regularly updated, so there will be plenty of times when the bubbles either overlap or are very close to each other. By default,…
Mike Zavarello
  • 3,514
  • 4
  • 29
  • 43
3
votes
1 answer

Treemap with Multiple Series

I am trying to create TreeMap with multiple series, the series are getting plotted on the graph with both series clubbed together, but I want only one series to be displayed at a time. Basically legand can be used but for treemap it's showing…
Rohit Kumar
  • 776
  • 3
  • 21
3
votes
2 answers

HighCharts: Mouse click event is handled by both Series handler and Point handler

I have defined mouse click event handler for Series and also for Point. plotOptions: { series: { cursor: 'pointer', events: { click: function (event) { console.log(event); alert('series…
Nimish Jain
  • 97
  • 3
  • 11
3
votes
1 answer

Why mistake appears during render?

I'm using react-highcharts in my project. I want to generat chart-component dynamicaly and change their number according to user's choice. I wrote component and function which gets data and makes array of highcharts component and returns…
Sam Fisher
  • 746
  • 2
  • 10
  • 27
3
votes
1 answer

R Highcharter: Polar graph having conditional colors

I am using Highcharter's Polar graphs and was wondering if it has the ability to change colors based on criteria. I am using the graph to look at budget versus spend. When spend < budget, I would like the column to be green. When spend > budget, I…
Kevin
  • 1,974
  • 1
  • 19
  • 51
3
votes
1 answer

Highcharts - Highstock: fixed width intervals with scrollbar

I need the points of my chart to have a fixed width (say, 100px each). If the needed space exceed the width of the chart, I just want to be able to scroll horizontally (with the scrollbar.enabled parameter set to true). This is the basic setup,…
César García Tapia
  • 3,326
  • 4
  • 27
  • 51
3
votes
1 answer

Plot float up & down beyond y-axis in StockChart while dragging navigator

Here is my js code: Highcharts.stockChart('utilizations', { chart: { zoomType: 'x' }, title: { text: 'KPI' }, subtitle: { …
Taurus Dang
  • 551
  • 1
  • 4
  • 19
3
votes
2 answers

ES6 avoid that/self

I am trying to avoid "const that = this", "const self = this" etc. using es6. However I am struggling with some constructs in combination of vue js and highcharts where you got something like this: data () { let that = this return { …
user1497119
  • 443
  • 6
  • 19
3
votes
1 answer

Highcharts - Change line color between points

I have a line chart graph as can be seen on this fiddle http://jsfiddle.net/qjmjd34d/5/ And with this code: Highcharts.chart('container', { plotOptions: { series: { color: 'purple' } }, series: [{ data:…
Roysh
  • 1,542
  • 3
  • 16
  • 26
3
votes
0 answers

Highcharts part missing while moving mouse

I use Highcharts to visualize my data. Recently I found that when I move my mouse around the chart, part of the chart will be missing. Looks like it happens randomly and I have no idea what triggers it. I created a jsfiddle example here with js…
NJUHOBBY
  • 850
  • 3
  • 10
  • 30
3
votes
2 answers

How to add box shadow for highchart chart?

I want to have the following style on my chart border border-radius: 4px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); border: solid 1px #e1e1e1; There is shadow property for the chart but it doesn't seem to work, can someone point out my…
Jal
  • 2,174
  • 1
  • 18
  • 37
3
votes
1 answer

Highcharts: Draw line from data markers to axis?

I'm trying to make this combination chart in Highcharts: So I'm wondering how to draw that dashed line from the data points out to the axes. The Y-Axis is a percentage, and the X-axis is a date. Currently, I'm combining a spline chart, area chart,…
Tim
  • 33
  • 4
3
votes
1 answer

How to use Highcharts Gantt chart in angular?

Highcharts Gantt is currently in Alpha but we can use it with this link I'd like to use this library in a angular project but I have not found any documation to help me in this direction. Is it possible? If so, what is the procedure? In the case…
Marcel Jr. Samson Morasse
  • 547
  • 2
  • 8
  • 25
3
votes
1 answer

dash_styles in Highcharts

I am trying to change the dashStyle of a Line chart in Highcharts. I referred to RDocumentation , page 7, There is no example of it anywhere. All it says is use dash_styles() Then i checked here and tried, but it is not resulting in what i…
dhinar1991
  • 831
  • 5
  • 21
  • 40
3
votes
2 answers

Simple bar chart in jQuery HighCharts and MVC 2 application?

I'm trying to create a very simple bar chart using the results of a JSon action method in MVC. I get the actual bar chart, but I don't understand the options and all that well enough, so I'm basically guessing what to do. I used the example on the…
Anders
  • 12,556
  • 24
  • 104
  • 151
1 2 3
…
99
100