Bestand chart in ExtJS 4

Meine app ist völlig Ext-JS-Basis. Jedoch, wenn die Leistung ein problem, ich benutze flot. Die API ist viel besser gestaltet (und ich bin ein Ext-JS-fan boy) und es führt viel besser. Dies ist auf Kosten der Arbeit mit raw-Pixeldaten (Leinwand, das ist pixel-basiert) wenn Sie brauchen, um die Interaktion mit dem Diagramm. Da in der Ext-JS ist alles ein SVG-Objekt, können Sie einfach befestigen Sie event-Handler, um die Linien, oder irgendetwas anderes, die Sie selber ziehen.

Zum Beispiel. Für eine wave-monitor, verwenden wir flot. Für eine andere Tabelle, wo lassen wir die Benutzer per drag-and-drop einige Linien auf dem Bildschirm, verwenden wir Ext-JS charts.

Hier ist eine vereinfachende wrapper zu verwenden flot als Ext.Komponente

Ext.define('cci.view.wavemon.Flot',  {
    extend: 'Ext.Component',
    alias: 'widget.cci-flot',

    /**
     * @cfg {number[][]} data The data to be drawn when it gets rendered
     */
    data: null,

    /**
     * @cfg {object} flotOptions
     * The options to be passed in to $.plot
     */
    flotOptions: null,

    /**
     * @property
     * The Flot object used to render the chart and to manipulate it in the future. It will only
     * be available after the first resize event
     * You may not set this property but you are free to call methods on it
     */
    flot: null,

    initComponent: function() {
        this.callParent(arguments);
        //The only time that we're guaranteed to have dimensions is after the first resize event
        this.on('resize',  function(comp) {
            if (!this.flot) {
                this.flot = $.plot(this.getTargetEl().dom, this.data, this.flotOptions);
            } else {
                //Flot knows to look at the containers size and resize itself
                this.flot.resize();
            }
        }, this);
    }
});

Habe ich gefunden flot (http://code.google.com/p/flot/) haben eine viel bessere Leistung mit vielen Punkten /Serie, in der Erwägung, dass die Leistung des ExtJS 4 charts war inakzeptabel. Flot hat auch eine klarere API und liest Daten in einem einfachen format.