The scatter plot is useful when trying to display more than two variables in the same visualization. This recipe will show us how to work with a scatter chart.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named
ch07_11.js
and paste the following code into it:Ext.setup({ onReady: function() { var store = new Ext.data.JsonStore(...); //defined in the Area Chart recipe var chart = new Ext.chart.Chart({ fullscreen: true, width: 500, height: 300, animate: true, store: store, axes: [{ type: 'Numeric', position: 'bottom', fields: ['data1', 'data2', 'data3'], title: 'Sample Values', grid: true, minimum: 0 }, { type: 'Category', position: 'left', ...