CODEWITHSUNDEEP
javascripthighcharts
user3406408
user3406408

Reputation: 11

Highcharts not rendering properly with too many series

luckily highcharts is been integrated to the application but the problem i am facing now is the rendering of the data..it works fine with the small amount of series but as the series goes on increasing the size of the graph displayed gets smaller n eventually nothing is visible..i am confused whether its a css problem or something else here is how it looks:

enter image description here

any help I would be glad!!

Upvotes: 1

Views: 831

Answers (1)

Duniyadnd
Duniyadnd

Reputation: 4043

That's not an issue with HighCharts but rather the way you are displaying your information. If your container/div has a certain size, HighCharts tries to figure out what would be the best way to display the information based on your parameters.

As you said, it looks fine with less data, so in that case, you just need to put in a scroll option in highcharts or a zoom in option, which allows you to display that information. Another option is to get rid of your legend, so you can see more of the chart (as long as your tooltip is being utilized), but after more data, the issue will reside again with that option.

Option 1 - Scrolling:

How to make highcharts scrollable horizontally when having big range in x-axis

Option 2 - Zooming:

chart: {
            type: 'line',
            zoomType: 'x'
        }

Demo from Highcharts

Upvotes: 1

Related Questions