This is the work that I have done a while ago but I didn’t have time to write up. About 6 months ago, I saw an impressive chart, Stock Picking Wheel, which represents a list of FTSE 100 stocks and their performance summarised in a donut chart. So I gave myself a challenge to see whether it is possible to implement in Highcharts and here it is. Read more
A while ago I have written a blog on how to change the field type inside a row editor dynamically with ExtJs 3. Since then I received a number of requests for the same example in ExtJs 4. It has been way overdue, so here it is.
Recently, I got a request from a Highcharts user asking me how to improve the user interaction on pie charts; when the pointer is hovered over a slice:
1. An arrow appears outside the pie section
2. A text box appears in the center of the donut charts showing the hovered section data
I think this is a good exercise and demonstration to show how flexible and powerful Highcharts can be. In this blog, I will show you how to convert a normal donut chart into the one showing here and you can try the online demo.
I have fixed the demo and it is working fine now. Also I have created a github repository, ExtJs_Examples, which contains all the one off examples code that you will find in joekuan.org (more will be checking-in).
A new version of Highcharts extension (ver 2.4.0) for Sencha ExtJs 4 and Touch 2 is released which supports the latest release of Highcharts 3.0 and fixes the compatibility issues with ExtJs 4.2 and Touch 2.1.1.
Here are the details of the latest changes: Read more
ExtJs 3 TreeGrid style
In ExtJs 3, a default TreeGrid has no cell grid lines. This article demonstrates how to improve the style and fix the hidden column alignment. The following is a ExtJs 3 TreeGrid screenshot with default style showing network usages:
Ticker class for ExtJs 4 creates a messages scrolling component that can move horizontally from left to right or vice versa, or even vertically moving from top to bottom or vice versa. This component can be used as a stocks, news or events ticker. The class offers a number of flexibilities and features. Here are some of them: Read more