Stock charts
Full stock charts like the Google Finance charts, with scrolling, panning and master-details navigation.
-
Jesus commented
@Sam Thank you, I get "Warning: file_get_contents(/candlestick-and-volume/demo.js) [function.file-get-contents]: failed to open stream: No such file or directory in...etc" error message when I click on candlestick types.
-
The first version of the API reference is now online: http://www.highcharts.com/stock/ref/
-
@zevero:
Minutely and hourly data are supposed to work, but we haven't implemented broken x axis yet. I'll set up an example in the demo.
You should be able to load high-resolution data by listening to the xAxis.setExtremes event. -
I'm thrilled to see the activity in this corner of our website, and anticipating the release of Highcharts Stock! Here's some information with regards to release and licensing:
- We have scheduled a Beta release before July 8th. Probably the release will come before that, but we still have to do some more documentation, then fix a number of known bugs.
- For the Beta release we will publish documentation.
- From August 1st, we will review reported bugs and release version 1.0.
- Highcharts Stock will be sold as a separate product. The licensing will follow the same subdivision as that of Highcharts Basic, and the price for each license will be double that of Highcharts Basic. So a Singe Website license will be $160, a Single Developer will be $720 etc.
- Highcharts Stock will contain all the features of Highcharts Basic (except pie charts), so we wil accept upgrading from a Highcharts Basic license to Highcharts Stock. The upgrade price will be the price difference plus a 20% fee. -
zevero commented
I wouldn't have expected such a splendid feature asautomatic datagrouping. This is great! I would have expected to do this logic myself. But since it is already there and if Torstein wants to implement it, there should be hooks, so that data can be fetched in the background by using ajax (jquery by preference).
-
zevero commented
Torstein uses hours, minutes, seconds and even milliseconds in his grouping module. I experimented with the data group settings (hour, [1]), but the graph still doesnt show anything. grouping for 15 mins, 10 mins and 5 mins is also quite standard, and I hope these timespans wont be too difficult to implement as well.
-
Sam Enspiral commented
@Jesus you can find examples here: http://highcharts.com/stock/demo/basic-line
-
opus131 commented
Just a heads up: at the moment, the "more" links on that forum are not working.
-
Nadine commented
I second zevero's comments, we are thinking of using the stock library if it allows hourly/minutely data, I tried the Stock branch on Github, it breaks if you provide more than 40-45 bars data per day, as well as it shows blank gaps between market's close and next day's open times, so it kinda makes you think its only designed for daily and greater data. I'm hoping this is only a pre-release issue. The stock library is a piece of art and its really amazing in the way it works and performs as it is, it would be a shame if it doesn't support hourly data.
-
zevero commented
Demo is great. I tried also hourly and minutly data, but this didnt work :(
Please enable hourly and minutly stock display. -
Aleksandr Motsjonov commented
Torstein Hønsi, please clarify - should we buy new license for stocks product if we already have current chart product licence?
-
Jesus commented
Can anyone please provide an example on jsfiddle to use the Stock branch? I understand this is a work in progress but we need to start development and kind of be in line with the state of Stock chart before we purchase the library and release to production.
-
Sam Enspiral commented
Hi again Torstein. So I have updated my code for now to load series on chart initialization and I have just pulled and copied the latest code from the stock branch on Github into my app.
A question about the master chart. Will this only ever show one series? If so how does it choose which series it shows?
And a bug report (should I be logging these in Github?) if the data supplied for series is less than a year and the 1y time range button is selected the master chart tries to extend and draw off the viewable area.
My Github username is ootoovak if you need more info or screen shots.
-
Kevin Quinn commented
We're looking to use the stock charts on a SaaS application roughly what would be the licensing costs
-
We hope to release this by the end of June
-
Kevin Quinn commented
Hi, I was wondering when the stock charts would be available for release as our company is looking for a javascript implementation and your stock demo looks promising but a bit buggy in IE.
-
Sam, this is the kind of use that the addSeries and series.remove methods are designed for, so I would stick with that model if I were you. We just need to fix this in Stock. What I described in the previous post however is initial loading.
-
Sam Enspiral commented
Thanks for the info Torstein. For my purposes the reason for dynamically adding series is that I have a comparison chart that starts with 3 series but the user can then add or remove items to compare other series on the chart. So being able to dynamically add and remove series is needed in that case. Maybe it is better to destroy and create a new chart each time when using the Stocks module?
The other case I currently use it is to add and remove sets of data (each data set starts off with 3 series each). As a user clicks on a tab it removes one data set and adds another. In this case I'm not sure if just loading both data sets at initialization and using show/hide would be better of if adding/removing is the better option. Thanks again for your help.
-
Torstein Hønsi commented
Thanks for your report Sam, we'll have a look at this. Just out of interest - in what case is it necessary to first create an empty chart then add a series later? I see this pattern a lot, implementers create empty charts, then run an Ajax call for the data and add it asynchronously, but on page load/ready. Best practice for Highcharts processing time would be not to initiate the chart until the data is received. Also, instead of Ajax, we recommend serving the data from a .js file that can be evaluated natively in the JS engine instead of being parsed. In the example with 52,000 points, parsing it as CSV took an additional second in IE. When served as JavaScript, it is parsed instantly.
-
Sam Enspiral commented
Hi again Torstein. Not sure if this is the best place for questions about the Stock module or if you would prefer somewhere else but after testing it out I do have one in regards to initializing the chart and data.
Seems that the chart now requires data at initialization (new Highcharts.StockChart) or else it will fail when trying to do data.length in the highcharts.js code. I presume this is because you need all the data right away to populate the master chart at the bottom.
My question is it possible to add data with addSeries after the chart has been initialized rather than having to supply it at initialization?