function ChartStyle() {     
    /**
    * options
    */
    this.showHGrid = false;
    this.showVGrid = false; 
    this.showMarkers = true;
    this.showCursor = true;
    this.showInformation = true;
    this.showXLabels = true;
    this.showYLabels = true;
    
    /**
    * navbar style
    */
    this.navBarAreaColor        = '#0000ff';
    this.navBarLineColor        = '#ff0000';
    this.navBarHandleColor      = '#ffff00';
    this.navBarBackgroundColor  = '#00ff00';
    /**
    * inactive areas
    */
    this.inactiveColor = 'rgba(100,100,100,0.1)';
    /**
    * initial offset
    */
    this.offset = 50;
    /**
    * data spacing
    */
    this.candleSpacing = 4;
    this.pointSpacing = 2;
    this.labelSpacing = 50;
    /**
    * x-Axis on top
    */
    this.xAxisOnTop = true;
    /**
    * y-axis inside
    */
    this.yAxisInside = true;
    /**
    * chart type
    */
    this.chartType = 'mountain';            
    /**
    * candle color
    */
    this.candleColor = 'rgba(101,80,7,1)';
    /**
    * slider color
    */
    this.sliderColor = '#ffffff';
    /**
    * line color
    */
    this.lineColor = 'rgba(202,165,14,1)';
    this.indicatorColor = ['rgba(202,0,0,1)','rgba(0,202,0,1)','rgba(0,0,202,1)','rgba(202,0,202,1)'];
    this.benchmarkColor = ['rgba(202,0,0,1)','rgba(0,202,0,1)','rgba(0,0,202,1)','rgba(202,0,202,1)'];
    this.bandColor = ['rgba(0,0,202,0.15)'];
    this.mountainColor = ['rgba(254,206,16,1)','rgba(254,206,16,0)'];
    /**
    * line width
    */
    this.lineWidth = 1;
    /**
    * axis color
    */
    this.axisColor = 'rgba(204,204,204,1)';
    /**
    * background image
    */
    this.backgroundImage        = null;
    this.backgroundColor        = null;
    
    /**
    * span label style
    */
    this.spanLabelColor         = 'rgba(200,200,200,1)';
    this.spanLabelFontSize      = 12;
    this.spanLabelFontFamily    = 'arial';
    this.spanLabelFontStyle     = '';
    
    /**
    * info label style
    */
    this.infoLabelColor         = 'rgba(200,200,200,1)';
    this.infoLabelFontSize      = 32;
    this.infoLabelFontFamily    = 'arial';
    this.infoLabelFontStyle     = '';
    
    /**
    * legend label style
    */
    this.legendLabelColor         = 'rgba(200,200,200,1)';
    this.legendLabelFontSize      = 16;
    this.legendLabelFontFamily    = 'arial';
    this.legendLabelFontStyle     = '';
    
    /**
    * label style
    */
    this.yLabelColor        = 'rgb(0,0,0)';
    this.xLabelColor        = 'rgb(0,0,0)';
    this.xLabelFontSize     = 12;
    this.xLabelFontFamily   = 'arial';
    this.xLabelFontStyle    = '';
    this.yLabelFontSize     = 12;
    this.yLabelFontFamily   = 'arial';
    this.yLabelFontStyle    = '';
    
    /**
    * volume color
    */
    this.volumeColor      = '#dddddd';
    this.volumeUpColor      = 'rgb(0,255,0)';
    this.volumeDownColor    = 'rgb(255,0,0)';
    /**
    * candle color
    */
    this.candleUpColor      = 'rgb(0,255,0)';
    this.candleDownColor    = 'rgb(255,0,0)';
    /**
    * flash color
    */
    this.flashUpColor       = 'rgba(0,255,0,0.25)';
    this.flashDownColor     = 'rgba(255,0,0,0.25)';
    this.lineFlashUpColor   = 'rgba(0,255,0,1)';
    this.lineFlashDownColor = 'rgba(255,0,0,1)';
    /**
    * grid color
    */
    this.vGridColor = 'rgba(200,200,200,0.5)';
    this.hGridColor = 'rgb(200,200,200)';
    /**
    * reference line
    */
    this.referenceLineColor = '#aaaaaa';
    /**
    * marker style
    */
    this.markerFontColorClose   = 'rgb(0,0,0)';
    this.markerColorClose       = 'rgb(150,150,150)';
    this.markerFontSizeClose    = 12;
    this.markerFontFamilyClose  = 'arial';
    this.markerFontStyleClose   = 'bolder';
    
    this.markerFontColorUp      = 'rgb(0,0,0)';
    this.markerColorUp          = 'rgb(0,255,0)';
    this.markerFontSizeUp       = 10;
    this.markerFontFamilyUp     = 'arial';
    this.markerFontStyleUp      = '';
    
    this.markerFontColorDown    = 'rgb(0,0,0)';
    this.markerColorDown        = 'rgb(255,0,0)';
    this.markerFontSizeDown     = 10;
    this.markerFontFamilyDown   = 'arial';
    this.markerFontStyleDown    = '';
    
    this.markerFontColor        = 'rgb(0,0,0)';
    this.markerColor            = 'rgb(255,255,0)';
    this.markerFontSize         = 12;
    this.markerFontFamily       = 'arial';
    this.markerFontStyle        = 'bolder';
    
    this.markerFontColorCursorY = 'rgb(255,255,255)';
    this.markerColorCursorY     = 'rgb(255,0,0)';
    this.markerFontSizeCursorY  = 14;
    this.markerFontFamilyCursorY= 'arial';
    this.markerFontStyleCursorY = 'bolder';
    
    this.markerFontColorCursorX = 'rgb(255,255,255)';
    this.markerColorCursorX     = 'rgb(255,0,0)';
    this.markerFontSizeCursorX  = 14;
    this.markerFontFamilyCursorX= 'arial';
    this.markerFontStyleCursorX = 'bolder';
    
    /**
    * cursor color
    */
    this.cursorColor            = 'rgba(255,0,0,0.2)';
    /**
    * axis margins
    * @var array
    */
    this.xAxisMargins = [5,50];
    this.yAxisMargins = [20,20];
};