axes: [ { type: 'numeric', position: 'left', title: 'Values', grid: true, }, { type: 'time', position: 'bottom', title: 'Date', fields: 'DNT_CRTN', ..

Oracle에서 millisends값을 환산해서 보내주면 그대로 사용할 수 있음단, sencha에서는 표준시간으로 인식하기 때문에 보낼때 +9 시간 해서 보내야 함아래 형식으로 데이터를 보내도 인식을 못함store: { fields: ['time', 'value'], data: [ { time: '2024-11-21T15:45:00', value: 50 }, { time: '2024-11-21T16:15:00', value: 70 }, { time: '2024-11-21T17:00:00', value: 90 }, ],}아래 코드도 작동 안함 store: { fields: [ ..

tbar를 사용하면 chart의 상단에 버튼을 추가할 수 있음Ext.onReady(function () { Ext.create('Ext.container.Viewport', { layout: 'fit', items: [ { xtype: 'panel', title: 'Chart with Functional Buttons', layout: 'vbox', tbar: [ { text: 'Refresh Data', iconCls: 'x-fa f..

Date format을 변경Ext.create('Ext.chart.CartesianChart', { renderTo: Ext.getBody(), width: 600, height: 400, store: { fields: ['date', 'value'], data: [ { date: new Date(2024, 10, 1), value: 10 }, { date: new Date(2024, 10, 2), value: 20 }, { date: new Date(2024, 10, 3), value: 30 }, { date: new Date(2024, 10, 4), value: 25 } ..

Ext.create('Ext.chart.CartesianChart', { renderTo: Ext.getBody(), width: 600, height: 400, title: { text: 'My Chart Title', // Title text style: { fontSize: '16px', // Optional: Set the font size fontWeight: 'bold' // Optional: Make the title bold }, align: 'center' // Optional: Align the title ('left', 'center', 'right') }, sto..

store 참조Ext.define('MyApp.store.ChartStore', { extend: 'Ext.data.Store', alias: 'store.chartstore', fields: ['name', 'value'], // Define fields for the data data: [ { name: 'Category 1', value: 30 }, { name: 'Category 2', value: 45 }, { name: 'Category 3', value: 25 } ]});Ext.create({ xtype: 'cartesian', renderTo: Ext.getBody(), width: 600, height..