{ xtype: 'chart', dock: 'top', cls: 'x-panel-body-default', height: 250, margin: 2, style: 'border-width:1px 1px 1px 1px!important;', animate: true, insetPadding: 20, axes: [ { type: 'Category', //fields将模型的字段绑定到这个轴. fields: [ 'YMD' ], label: { font: '9px Arial' }, title: '时间', position: 'bottom' }, { type: 'Numeric', grid: true, title: '平均作业率', position: 'left' } ], legend: { position: 'right' }, series: [ { type: 'line', label: { color: '#f00' }, axis: 'left', xField: 'YMD', yField: '2#炉', showMarkers: false, smooth: 3 }, { type: 'line', axis: 'left', xField: 'YMD', yField: '3#炉', showMarkers: false, smooth: 3 }, { type: 'line', axis: 'left', xField: 'YMD', yField: '4#炉', showMarkers: false, smooth: 3 }, { type: 'line', axis: 'left', xField: 'YMD', yField: '全厂', showMarkers: false, smooth: 3 } ] }

这是一个 ExtJS 的图表组件，它的属性包括：dock（停靠位置）、cls（样式类）、height（高度）、margin（边距）、style（样式）、animate（是否启用动画）、insetPadding（内边距）、axes（坐标轴）、legend（图例）、series（数据系列）。其中，坐标轴包括分类轴和数值轴，可以绑定模型的字段。数据系列可以是线图、柱状图等。