CODEWITHSUNDEEP
javascriptangularjshighcharts
Alok Agarwal
Alok Agarwal

Reputation: 3099

How to show BAr graph rather than line graph in High Stoch Chart

I am trying to use High Stock Chart but rather than showing a line graph in it I want to show bar graph is there a possibility to do same

JS Fiddle

My end requirement is to make a graph like thisenter image description here

Will it involve some additional CSS

I need to show time slider at bottom as mentioned in screenshot On Change of time interval on slider my graph will change

Please suggest on same.

Upvotes: 0

Views: 58

Answers (1)

Conrad Lotz
Conrad Lotz

Reputation: 8818

After playing around with the chart I found the following solution which can be seen in the demo below:

$('#container').highcharts('StockChart', {

            chart: {
                type: 'column'
            },

            rangeSelector: {
                allButtonsEnabled: true,
                selected: 2
            },

JSFIDDLE DEMO

The formatting is not the same as your end result but you should be able to play with the styling and ranges to make it work.

Upvotes: 1

Related Questions