0

私はextjsに取り組んでおり、xmlから棒グラフを作成したい ここに私のXMLがあります

http://pastebin.ca/2150257

私はこのようなグリッドを作りました

columns: [
{text: "Department Performance", flex: 1,dataIndex: 'DepartmentPerformance', sortable: true},
{text : 'Domestic',
columns: [
{text: "YTD", width: 50, dataIndex: 'DomesticYTD', sortable: true},
{text: "MTD", width: 50, dataIndex: 'DomesticMTD', sortable: true},
{text: "Daily", width: 50, dataIndex: 'DomesticDaily', sortable: true}
]},
{text : 'Other',
columns: [
{text: "YTD", width: 50, dataIndex: 'OtherYTD', sortable: true},
{text: "MTD", width: 50, dataIndex: 'OtherMTD', sortable: true},
{text: "Daily", width: 50, dataIndex: 'OtherDaily', sortable: true},
]},
{text : 'Total',
columns: [
{text: "YTD", width: 50, dataIndex: 'TotalYTD', sortable: true},
{text: "MTD", width: 50, dataIndex: 'TotalMTD', sortable: true},
{text: "Daily", width: 50, dataIndex: 'TotalDaily', sortable: true},
]},

{text : 'OEM',
columns: [
{text: "YTD", width: 50, dataIndex: 'OEMYTD', sortable: true},
{text: "MTD", width: 50, dataIndex: 'OEMMTD', sortable: true},
]},

],

& 行をクリックして行ごとにグラフを作成したい リスナーの使い方がわからない & 縦棒グラフを作成する

X 軸のように 3 つのセクション国内 & その他 & 合計、各セクションで YTD、MTD、DAILY & Y 軸のみの値 0 から最大値

私はたくさん試しましたが、行の値でグラフを作成できませんでした

助けてください........ありがとう

4

1 に答える 1

0

グリッド クリック イベントでグラフを生成するには、リスナーの selectionchange イベントを使用します。選択の変更時に、棒グラフに割り当てられる新しいストアを生成します。

selectionchange: function (view, selections, options) {
                          //console.log(view, selections, options);
                          record = selections[0];
                          //var v = record.get('Field1');
                          //alert(''+v);
                          //alert(''+index)
                         // alert('hiiii')


                        record = selections[0];

                        myData=[['Domestic',record.get('field1'),record.get('field2'),record.get('field3')],
                                     ['Export',record.get('field4'),record.get('field5'),record.get('field6')],
                                     ['Other',record.get('field7'),record.get('field8'),record.get('field8'),
                                     ]]

                        }

これがデモリンクの例です.....

http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/charts/FormDashboard.html

ありがとう...

于 2012-08-10T06:12:19.977 に答える