Developing Ext JS Charts in NetBeans IDE
- by Geertjan
I took my first tentative steps into the world of Ext JS charts today, in NetBeans IDE 7.4. Click to enlarge the image.
I will make a screencast soon showing how charts such as the above can be created with NetBeans IDE and Ext JS. Setting up Ext JS is easy in NetBeans IDE because there's a JavaScript library browser, by means of which I can browse for the Ext JS libraries that I need and then NetBeans IDE sets up the project for me.
The JavaScript code shown above comes directly from here:
http://www.quizzpot.com/courses/learning-ext-js-3/articles/chart-series
The index.html is as follows:
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="js/libs/extjs/resources/css/ext-all.css"/>
<script src="js/libs/ext-core/ext-core.js"></script>
<script src="js/libs/extjs/adapter/ext/ext-base-debug.js"></script>
<script src="js/libs/extjs/ext-all-debug.js"></script>
<script src="app.js"></script>
</head>
<body>
</body>
</html>
More info on Ext JS:
http://docs.sencha.com/extjs/4.1.3/
By the way, quite a few other articles are out there on Ext JS and NetBeans IDE, such as these, which I will be learning from during the coming days:
http://netbeans.dzone.com/extjs-rest-netbeans
http://netbeans.dzone.com/articles/create-your-first-extjs-4
http://netbeans.dzone.com/articles/mixing-extjs-json-p-and-java
