feature(EJ2-5386): Remove fill from trendline samples.

Author: pipeline

production/react/demos/samples/chart/polar-rangecolumn/app/index.tsx

@@ -9,7 +9,7 @@ import {
 } from '@syncfusion/ej2-react-charts';
 import { PropertyPane } from './property-pane';
 import { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';
-import { EmitType } from '@syncfusion/ej2-base';
+import { EmitType, Browser } from '@syncfusion/ej2-base';
 import { SampleBase } from './sample-base';
 
 export let data1: any[] = [
@@ -44,7 +44,7 @@ export class PolarRangeColumn extends SampleBase<{}, {}> {
                 <div className='control-section row'>
                     <div className='col-md-8'>
                         <ChartComponent id='charts' ref={chart => this.chartInstance = chart}
-                            primaryXAxis={{ valueType: 'Category', title: 'month', startAngle: 90, labelPlacement: 'OnTicks', interval: 1 }}
+                            primaryXAxis={{ valueType: 'Category', title: 'month', startAngle: 90, labelPlacement: 'OnTicks', interval: 1,  coefficient: Browser.isDevice ? 80 : 100}}
                             primaryYAxis={{ labelFormat: '{value}˚C', minimum: 0, maximum: 20, interval: 5 }}
                             title='Maximum and Minimum Temperature' loaded={this.onChartLoad.bind(this)}
                             load={this.load.bind(this)}

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

@@ -157,9 +157,9 @@ export class Trend extends SampleBase<{}, {}> {
                             title='Historical Indian Rupee Rate (INR USD)' loaded={this.onChartLoad.bind(this)}>
                             <Inject services={[Category, Tooltip, ScatterSeries, SplineSeries, LineSeries, Trendlines]} />
                             <SeriesCollectionDirective>
-                                <SeriesDirective dataSource={series1} xName='x' yName='y' name='Rupees' type='Spline' fill='#0066FF' marker= { { visible: true } }>
+                                <SeriesDirective dataSource={series1} xName='x' yName='y' name='Rupees' type='Spline' marker= { { visible: true } }>
                                     <TrendlinesDirective>
-                                        <TrendlineDirective type='Linear' width={3} marker={{ visible: false }} name='Linear'>
+                                        <TrendlineDirective type='Linear' width={3} marker={{ visible: false }} name='Linear' fill='#C64A75'>
                                         </TrendlineDirective>
                                     </TrendlinesDirective>
                                 </SeriesDirective>

production/react/demos/src/chart/polar-rangecolumn.tsx

@@ -9,7 +9,7 @@ import {
 } from '@syncfusion/ej2-react-charts';
 import { PropertyPane } from '../common/property-pane';
 import { DropDownListComponent } from '@syncfusion/ej2-react-dropdowns';
-import { EmitType } from '@syncfusion/ej2-base';
+import { EmitType, Browser } from '@syncfusion/ej2-base';
 import { SampleBase } from '../common/sample-base';
 
 export let data1: any[] = [
@@ -44,7 +44,7 @@ export class PolarRangeColumn extends SampleBase<{}, {}> {
                 <div className='control-section row'>
                     <div className='col-md-8'>
                         <ChartComponent id='charts' ref={chart => this.chartInstance = chart}
-                            primaryXAxis={{ valueType: 'Category', title: 'month', startAngle: 90, labelPlacement: 'OnTicks', interval: 1 }}
+                            primaryXAxis={{ valueType: 'Category', title: 'month', startAngle: 90, labelPlacement: 'OnTicks', interval: 1,  coefficient: Browser.isDevice ? 80 : 100}}
                             primaryYAxis={{ labelFormat: '{value}˚C', minimum: 0, maximum: 20, interval: 5 }}
                             title='Maximum and Minimum Temperature' loaded={this.onChartLoad.bind(this)}
                             load={this.load.bind(this)}

production/react/demos/src/chart/trend-lines.tsx

@@ -157,9 +157,9 @@ export class Trend extends SampleBase<{}, {}> {
                             title='Historical Indian Rupee Rate (INR USD)' loaded={this.onChartLoad.bind(this)}>
                             <Inject services={[Category, Tooltip, ScatterSeries, SplineSeries, LineSeries, Trendlines]} />
                             <SeriesCollectionDirective>
-                                <SeriesDirective dataSource={series1} xName='x' yName='y' name='Rupees' type='Spline' fill='#0066FF' marker= { { visible: true } }>
+                                <SeriesDirective dataSource={series1} xName='x' yName='y' name='Rupees' type='Spline' marker= { { visible: true } }>
                                     <TrendlinesDirective>
-                                        <TrendlineDirective type='Linear' width={3} marker={{ visible: false }} name='Linear'>
+                                        <TrendlineDirective type='Linear' width={3} marker={{ visible: false }} name='Linear' fill='#C64A75'>
                                         </TrendlineDirective>
                                     </TrendlinesDirective>
                                 </SeriesDirective>