Pension007's public fiddles
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
h589p47e
jQuery 1.9.1, HTML, CSS, JavaScript
-
Highcharts Demo
author(s): Torstein Hønsi
-
Stacked bar chart with negative values
You can stack negative and positive values into a bar chart to represent things like the <a href="https://www.amcharts.com/demos/population-pyramid/">population pyramid</a> and alike. In order to omit the sign from the negative values, set the <code>numberFormat</code> accordingly: <code>chart.numberFormatter.numberFormat = "#.#s";</code>
-
Stacked bar chart with negative values
You can stack negative and positive values into a bar chart to represent things like the <a href="https://www.amcharts.com/demos/population-pyramid/">population pyramid</a> and alike. In order to omit the sign from the negative values, set the <code>numberFormat</code> accordingly: <code>chart.numberFormatter.numberFormat = "#.#s";</code>
-
mfqh5k6o
jQuery 1.7.2, HTML, CSS, JavaScript
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi
-
percent
jQuery 1.6.1, HTML, CSS, JavaScript
-
erjysao0
jQuery 1.9.1, HTML, CSS, JavaScript
-
Multiple Data Sets
Stock chart is a great tool which will save your time. It is designed to work mostly with financial data, but can be used for other purposes as well. Our Stock chart supports multiple data sets and has a ready to use data set selector (at the left, although you can adjust position to your needs). Data sets might be compared one to another. You can compare absolute values or percent values, as this is quite an often practice when dealing with prices of securities or stocks. <h2>Data grouping into longer periods</h2> If you roll-over the chart so that chart cursor would appear, you will notice that each data point represents one day. This is quite expected, as we provided daily data for this chart. Now, zoom-out to "year" view by clicking on the 1 year button at the bottom and roll over the chart again – now, data points jump at 7 days (one week) interval. Again, zoom-out to the max so that all the data is visible. One data point represents one month now! Did we had to provide data for the different periods? No, the chart did all the grouping itself. We recommend reading <a href="/tutorials/understanding-data-grouping-of-stock-chart/">Understanding data grouping tutorial</a> to get more information about this great feature.
-
5mv3e6ys
jQuery 1.9.1, HTML, CSS, JavaScript
-
x0jgmtzh
jQuery 1.9.1, HTML, CSS, JavaScript
-
Highcharts Demo
author(s): Torstein Hønsi
-
Highcharts Demo
author(s): Torstein Hønsi