同じことを行い、エンド ユーザーが実行時にグラフの種類を変更して、さまざまなデータの視覚化を行えるようにする必要がありました。シリーズだけでなく、グラフの種類 (棒、折れ線、円) がより重要であることがわかりました。言い換えれば、これを達成するために、データを別のシリーズ タイプに置き換えてグラフに追加するだけではできませんでした。
同じデータストアを使用して、異なるタイプのグラフごとに異なる構成を作成することになりました。チャートは、Ext.panel.Panel
この関数を追加した に含まれていました。
// toggle format between pie chart and bar chart
this.toggleFormat = function() {
var chart = me.down('chart');
this.remove(chart);
if (chart.chartType == 'pie') {
this.add(Ext.create('Ext.chart.Chart', bar));
} else {
this.add(Ext.create('Ext.chart.Chart', pie));
}
};
このbar
変数は、棒グラフの構成とpie
円グラフの構成を保持しますが、両方の構成に同じデータストアがアタッチされていましたstore:
。
ユーザーがフォーマット ボタンを押したときに、この関数を呼び出してパネルからチャートを削除し、別のフォーマットのチャートを作成しました。それは望ましい効果を達成しました。