Developing Ext JS Charts in NetBeans IDE

Posted by Geertjan on Oracle Blogs See other posts from Oracle Blogs or by Geertjan
Published on Fri, 25 Oct 2013 15:11:00 +0000 Indexed on 2013/10/25 22:03 UTC
Read the original article Hit count: 332

Filed under:

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:

© Oracle Blogs or respective owner

Related posts about /NetBeans IDE