feature(EJ2-5386): Added sample changes to chart.

Author: pipeline

production/react/demos/samples/chart/export/app/index.tsx

@@ -96,8 +96,8 @@ export class Export extends SampleBase<{}, {}> {
                                     </td>
                                 </tr>
                                 <tr style={{ height: '50px' }}>
-                                    <td style={{ width: '100%' }}>
-                                        <div id="btn-control">
+                                    <td>
+                                        <div id="btn-control"  style={{ 'margin-left': '60px' }}>
                                             <ButtonComponent onClick={this.onClick.bind(this)} iconCss='e-icons e-play-icon' cssClass='e-flat' isPrimary={true}>Export</ButtonComponent>
                                         </div>
                                     </td>

production/react/demos/samples/chart/stacked-bar100/app/index.tsx

@@ -46,7 +46,7 @@ export class StackedBar100 extends SampleBase<{}, {}> {
                         <SeriesCollectionDirective>
                             <SeriesDirective dataSource={data} xName='x' yName='y' name='Apple' type='StackingBar100'>
                             </SeriesDirective>
-                            <SeriesDirective dataSource={data} xName='x' yName='y1' name='orange' type='StackingBar100'>
+                            <SeriesDirective dataSource={data} xName='x' yName='y1' name='Orange' type='StackingBar100'>
                             </SeriesDirective>
                             <SeriesDirective dataSource={data} xName='x' yName='y2' name='Wastage' type='StackingBar100'>
                             </SeriesDirective>

production/react/demos/samples/chart/trend-lines/app/index.tsx

@@ -205,7 +205,7 @@ export class Trend extends SampleBase<{}, {}> {
                                     </td>
                                     <td style={{ width: '20%' }}>
                                         <div>
-                                            <NumericTextBoxComponent id="polynomial" value={0} min={1} max={20} step={1} disabled={true} change={this.checkPolynomialOrder.bind(this)} ref={d => this.polynomialElement = d} />
+                                            <NumericTextBoxComponent id="polynomial" value={0} min={1} max={20} step={1} enabled={false} change={this.checkPolynomialOrder.bind(this)} ref={d => this.polynomialElement = d} />
                                         </div>
                                     </td>
                                 </tr>
@@ -215,7 +215,7 @@ export class Trend extends SampleBase<{}, {}> {
                                     </td>
                                     <td style={{ width: '20%' }}>
                                         <div>
-                                            <NumericTextBoxComponent id="period" value={0} min={1} max={20} step={1} disabled={true} change={this.checkPeriod.bind(this)} ref={d => this.periodElement = d} />
+                                            <NumericTextBoxComponent id="period" value={0} min={1} max={20} step={1} enabled={false} change={this.checkPeriod.bind(this)} ref={d => this.periodElement = d} />
                                         </div>
                                     </td>
                                 </tr>