I'm currently looking to implement Highcharts JS into my application.i'm using timestamp for plotting graph data
However, I have gaps in my graph but in data there is no null values, and i wish to connect the gaps.
Using the highcharts demo, I have edited the data to demonstrate what currently happens by default:
Please check this
[jsfiddle][1]
[1]: http://jsfiddle.net/r9TzZ/21/check fiddle
I found the solution for this
it's simply working fine by remove the gapSize: 5 on my code
fiddle
Related
How to implement a crossfilter with Highcharts ? I know that in D3 it is possible but in Highcharts ?
Question to Highchart Team: When I will buy a license having yours support can I get answer to my question ?
Crossfilter is just about controlling data. If you use Crossfilter and then hand off data to Highcharts in the format Highcharts expects, you should be fine.
I am having zero luck creating a data viz with highcharts using google spreadsheets. I've spent most of the day goggling for help and reading through google API / highcharts documentation / stack overflow / etc, and I'm still at the same spot I started this morning.
It seems to be an issue relating to new vs. old google spreadsheets. For example, I found this example to work, but as you'll see, the google spreadsheet has the older URL construction that includes "key=". When I update with a key from a new spreadsheet (one that does not have the URL construction with "key="), the chart isn't created.
Any ideas? My sheets are all public and published to the web, so I know that's not it.
Here's the spreadsheet I've been testing with: https://docs.google.com/spreadsheets/d/18jFq7JiZI4wfj0SOMZh3fii1lquGF7NWJnmoFsXNJbM/edit?usp=sharing, using the key 18jFq7JiZI4wfj0SOMZh3fii1lquGF7NWJnmoFsXNJbM
Any ideas much appreciated.
If you point Highcharts at your key, you get an error 14. Looking at your sheet, it chokes on the second row "Total" since those numbers are formatted as strings. Fixing that in the sheet, and tweaking some of the parameters you can pass to Highcharts and your chart will start to take shape:
data: {
googleSpreadsheetKey: '18jFq7JiZI4wfj0SOMZh3fii1lquGF7NWJnmoFsXNJbM',
startColumn: 0,
endColumn: 5,
startRow: 0
},
Hopefully, that'll get you going, your chart still needs a bit more work (too many xAxis labels, the total column overwhelms the rest of the data, etc...)
I am using Highstock to display some sensor data. As the Highstock update 1.3.8 came out today I upgraded and found that there is a new line displayed by default on the plot:
This new line seems to connect the very first and very last data point.
Is there a way to disable this new unwanted feature? I could not find something mentioned in the changelog or in the API documentation.
Your data should be sorted via x, ascending.
I'm trying to generate a stacked column chart. What I want is similar to this JSfiddle example. However, I have around 30 categories and 1000 series. The series are rather sparse. There are only about 200 values. But because highcharts needs each series to have values across the x-axis categories, I'm forced to submit 1000 series each having 30 values (mostly zeroes). The chart takes over a minute to render. How can I improve this performance?
There is another way you can pass the data to highcharts, where you specify x and y for each point. This means you can skip the 0 values. In the fiddle you quoted, I modified one line to be:
data: [{x:1,y:5}, {x:3,y:7}],
http://jsfiddle.net/rh9aK/
I expect that 1000 series and 30 categories may still be too much, but this is worth a try.
One other thing, have you made sure that you don't have any series which only contain zeros ? If so, you may as well remove them before rendering.
JS charts, in you case, will produce too many DOM elements. It will be too complex for browser. You need some server-side solution which generate graps inside image.
If we have to create a chart with lots data eg- "performance of stock for last 5 yrs- do we have to transfer all data to the client side for highcharts to process it? Wont involve too much data overheads?
Regards
Utsav.
You can "lazy load" chart data, see the example in the documentation.