I want to change the color of the graph by use Stylesheet.css

I want to change the color of the graph  by use Stylesheet.css 1 file

I do, Change all the same color chart

Help me please…sample attact

Hello Sulada,

Which Infragistics product is this for? ASP.NET, IgniteUI, or something else? Also, you mention that you attached a sample but I only see the images. Is there some sample that you can send me?

T้his stylesheet file of me

.ui-chart-palette-1
{
/*border-color: rgb(128, 128, 128);
border-color: rgba(128, 128, 128, .8);*/
border-color: rgb(255, 255, 183);
border-color: rgb(255, 255, 183);
background-color: rgb(255, 255, 183);
background-color: rgba(255, 255, 183, .8); 
}
.ui-chart-palette-2
{
/*border-color: rgb(51, 51, 51);
border-color: rgba(51, 51, 51, .8);*/ /*ดำ*/
border-color: rgb(221, 255, 221);
border-color: rgb(221, 255, 221);
background-color: rgb(221, 255, 221);
background-color: rgba(221, 255, 221, .8);
}
.ui-chart-palette-3
{
/*border-color: rgb(35, 128, 168);
border-color: rgba(35, 128, 168, .8);*/
border-color: rgb(255, 184, 166);
border-color:rgb(255, 184, 166);
background-color: rgb(255, 184, 166);
background-color: rgba(255, 184, 166, .8);
}
.ui-chart-palette-4
{
/*border-color: rgb(24, 81, 112);
border-color: rgba(24, 81, 112, .8);*/
border-color: rgb(51, 51, 51);
border-color: rgba(51, 51, 51, .8);
background-color: rgb(255, 202, 149);
background-color: rgba(255, 202, 149, .8);
}
.ui-chart-palette-5
{
/*border-color: rgb(135, 153, 34);
border-color: rgba(135, 153, 34, .8);*/
border-color: rgb(51, 51, 51);
border-color: rgba(51, 51, 51, .8);
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, .8);
}
.ui-chart-axis
{
border-color: #989EA3;
background-color: #989EA3;
}
.ui-chart-legend-items-list
{
padding: 10px;
margin: 5px;
}
.ui-chart-legend-item-text
{
vertical-align: text-bottom;
}
.ui-chart-legend-item-badge
{
vertical-align: baseline; 
}
.ui-chart-tooltip
{
-moz-box-shadow: 5px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 5px 5px rgba(0,0,0,0.5);
box-shadow: 5px 5px rgba(0,0,0,0.5);
}
.ui-chart-title{font-family:Tahoma;font-size:11px;color:#000000;margin:5px 0 5px 0} /*title*/
.ui-chart-subtitle{font-family:Tahoma;font-size:10px;color:#BFBFBF;margin:0 0 5px 0} /*subtitle*/

.ui-chart-area-fill-opacity{opacity:.7}
.ui-chart-aligned-gridlines{visibility:visible}
.ui-chart-axis-stroke,.ui-chart-axis-major-line{border-color:transparent}

I want have many Color schemes graph in stylesheet

Hello Sulada,

Thank you for this information. However, to properly assist you I need to know which Infragistics controls you are using. Are you using the IgniteUI igDataChart, the Infragistics for ASP.NET WebChart, or some other control?

Hello Jason D,

I using  the Infragistics for ASP.NET WebChart

Hello Jason D,

I using  the Infragistics for ASP.NET WebChart.

Sulada,

The Infragistics for ASP.NET WebChart was not designed to really work with CSS for styling. Instead it has various style settings that you would apply through code:

Chart Appearance

Change the Chart's Look and Feel

Assign Custom Colors to Chart Elements

Customize Skins and Paint Elements

If you really require it to come through a CSS file then what you would need to do is parse the CSS file to extract the settings on the server and then apply those settings to your charts through the code behind. For examples of how you might go about parsing the CSS please see the following StackOverflow discussion: http://stackoverflow.com/questions/5884844/how-can-i-read-css-properties-in-asp-net