I have a column chart about 2000 columns. It renders very slowly. I get data from Struts and push it directly into chart. I tried to disable animation and use xAxis.labels.step option but it's still slow. How to speed up the chart?
Related
Chart as three columns series with stacking on top and one scatter series with over 5k records. So, in the front view, we need to see the scatter first, followed by the subsequent column series. It works perfectly with less than 5k records, but if there are more than 5k, the columns chart falls back.
Demo
Expecting Series must appear in front of the column series
For large amounts of data you can use Highcharts Boost module, add to this script to your project:
<script src="https://code.highcharts.com/modules/boost.js"></script>
Blog article explain how to work with boost module:
https://www.highcharts.com/docs/advanced-chart-features/boost-module
I'm trying to put together a combo chart that will use time values for the x-axis as well as the line series and combine that with integer values for the bar chart portion.
The problem is that because my times are between 00:02:00 and 01:30:00, the bar graph's values of 1-15 dwarf the time values.
Is there a way to display the bar chart with a separate scale so 4 and 00:04:00 look reasonably close?
I have a simple column chart where the yAxis series data contains numeric strings in the millions and tens of millions. The chart therefore displays the graph numbers like this: "12.5M"(on the side of the grid) and in the points tooltip it is being displayed with a decimal point at the end. How do I make the data be shown in the thousands with commas? Will the chart be adjusted automatically to display more grid lines and raise the columns higher? Thanks a lot in advance.
I would have added an image, however it seems that that requires more reputation points. Sorry. Here's a link to it Screenshot
1) you can change the formatting of the axis labels by setting your own format with the formatter function
http://api.highcharts.com/highcharts#yAxis.labels.formatter
2) you can change the number of ticks by setting a tickInterval or tickPixel interval setting
http://api.highcharts.com/highcharts#yAxis.tickInterval
http://api.highcharts.com/highcharts#yAxis.tickPixelInterval
3) You can change how much extra space is added at the top/how many ticks there are, in part, by setting the maxPadding setting to 0
http://api.highcharts.com/highcharts#yAxis.maxPadding
When you have a small chart like the one you posted, Highcharts will often have trouble adapting its normal tick pattern, and you will often end up with just a min and max tick by default.
It's pretty easy to work these setting to get what you need though.
I was trying candlestick chart using highchart ( highstock ) and find out that when I increase/decrease Navigator in candlestick chart the width of candlestick get changed. Sometime it display high, open, close and low for one hour interval whereas sometime it is displaying for month. I would like to grab these dynamically changed candlestick width ( not the pixel width but the real time interval) and display them in the chart title. Is there anyway I can get these information and update them dynamically in chart subtitle?
http://www.highcharts.com/stock/demo/candlestick
Thank You
What you are seeing are the effects of plotOptions.series.dataGrouping (API Reference) where the data is grouped and values are approximated to display the data faster. If you look at the example for units on the above linked page you'll find that you can determine and set what those groupings are. The grouping isn't truly dynamic, it's predefined.
I have a kendo chart on my view that looks something like
You can see the x-axis label values overlap with each other because the series values too much. One solution is to increase the rendering space for the chart but in my case the UI does not allow increasing the space. How can I make this chart more bearable to the user?
Thanks
You can use:
Combination of steps and skip to remove some of the valueAxis labels.
MajorUnit to set different interval between major divisions.