Voglio rendere la tabella delle linee usando il raggruppamento sul campo particolare

Question

Attualmente sto rendendo il grafico a riga singola utilizzando i dati JSON che è come segue:

{"eventType":"A","startOpen":"0","asOfDate":"21-OCT-13","intervalNo":0},
{"eventType":"A","startOpen":"47","asOfDate":"21-OCT-13","intervalNo":1},
{"eventType":"A","startOpen":"60","asOfDate":"21-OCT-13","intervalNo":2},
{"eventType":"B","startOpen":"79","asOfDate":"21-OCT-13","intervalNo":4},
{"eventType":"B","startOpen":"90","asOfDate":"21-OCT-13","intervalNo":6}

.

Sto pianificando il grafico startOpen contro intervalNo.Ora voglio tracciare il grafico usando il raggruppamento sul campo eventType.Mezzi per i dati sopra indicati Due riga devono essere disegnati in un singolo grafico, uno per EventType A e un altro per EventType B.

Apprezzo il tuo qualsiasi tipo di aiuto.GRAZIE :)

Il mio codice corrente per il grafico:

Ext.define("TestBug.view.TrendsChart", {
extend: "Ext.chart.Chart",
alias: "widget.trendschart",
store: "Trends",
style: 'background:#fff',
animate: true,
shadow: true,
groupField:'eventType',

legend: {position: 'right'},
axes: [
    {
        type: "numeric",
        position: "left",
        fields: "intervalNo",
        title:"Interval No",
        grid: {
            odd: {
                opacity: 1,
                fill: '#ddd',
                stroke: '#bbb',
                'stroke-width': 0.5
            }
        }
   },
    {
        type: "numeric",
        position: "bottom",
        fields: "startOpen",
        title: 'Start Open'
    }
],
series: [
    {
        type: "line",
        axis: "left",
        xField: "startOpen",
        yField: "intervalNo",
        gField:'eventType',
        markerConfig: {
            type: 'circle',
            size: 4,
            radius: 4,
            'stroke-width': 0
        }
    }
]
});

.

Answer 1

Per tracciare più linee larga diversi valori X, è necessario utilizzare più serie di righe.I punti valore con valore di undefined verranno saltati, cioè non saranno disegnati nel grafico.

Ecco come adattare i tuoi dati di esempio per farlo ( Fiddle ):